• Closed
• Michael Fleming

  Spectator

  04.03.2016 at 19:53 #25025

  

  Hello,

  Love the theme and well worth the money but I’m tearing my hair out over styling the menu. As far as I can see there are lots of options for styling the sublevels of the menu but not the top level. In particular the greyed out background. There’s also an odd 3px padding or margin above the menu item. I’ve set the height of the menu to 40px but it’s outputting at 43px. I can’t find any thing in the css for either this 3px disparity or the hovers.

  Help?

  http://www.littlesproutsbooks.com

Denzel Chia
Moderator
Posts: 2656
05.03.2016 at 02:59 #25043

Hi,
As far as I can see there are lots of options for styling the sublevels of the menu but not the top level. In particular the greyed out background.
Sorry I don’t understand this.
Please provide screenshot and annotation to the area that you require help.
Thank you.
Michael Fleming
Spectator
Posts: 4
05.03.2016 at 21:31 #25060

Sure, here’s a screen shot. I’ve circled the area that I’m having issues with. The arrow shows the 3px gap.

Denzel Chia
Moderator
Posts: 2656
06.03.2016 at 08:27 #25075

Hi,
Use the following in Theme Options -> Custom CSS
.header-v5 #nav ul li {
margin-top: -3px !important;
}

Thank you
Michael Fleming
Spectator
Posts: 4
06.03.2016 at 20:18 #25105

Thanks! But what about the grey background on the hover and current page?
Denzel Chia
Moderator
Posts: 2656
07.03.2016 at 00:42 #25109

Hi,
Use the following codes to remove the menu item background color and hover background color.
.current-menu-item a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}
#nav ul li a:hover {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}

Thank you
Michael Fleming
Spectator
Posts: 4
10.03.2016 at 02:51 #25242

Thanks! Worked perfectly.
Denzel Chia
Moderator
Posts: 2656
11.03.2016 at 00:53 #25255

Thank you!

The topic Menu Styling Frustrations is closed to new replies