Image in navigation menu

Posted in: Newsmag
Post count: 82
Lukas
#32672
Jan 5, 2015 at 1:39 am

Hi there,

I am trying to display an image in my navigation menu. It is a logo of our partner and we like to display it to credit them for all they do for us. Now, I have displayed the logo correctly, however, when I hover over it, it turns white as all other navigation menu items. Is there a way to tell that one specific item to stay transparent even when hovering above it, touching it or clicking on it?

Screen: http://puu.sh/e50XP/a8f14f1e84.png
WWW: iosportal.sk

Post count: 62
fbengo
#32677
Jan 5, 2015 at 3:01 am

Try to add this to custom css or style.css in child theme:


.sf-menu li:last-child a:hover,
.sf-menu .sfHover:last-child a {
  background-color: transparent;
}
Post count: 82
Lukas
#32680
Jan 5, 2015 at 3:50 am

Hi and thanks for your help. This disables the white background for all items, which is not what I need. I only need to disable the white background for that one particular menu item :-/

Post count: 62
fbengo
#32697
Jan 5, 2015 at 9:40 am

Did you try it? On my pc it did work well. This should only disable it for the last item because of ‘last-child’.

Btw, this fix doesn’t work on ie 8 and older, so do you use ie?

Post count: 82
Lukas
#32732
Jan 5, 2015 at 12:09 pm

My bad, it works great! Thanks! God forbid using IE 🙂

Post count: 62
fbengo
#32733
Jan 5, 2015 at 12:14 pm

Np, have fun! 😉

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newsmag’ is closed to new topics and replies.