Main Nav Hover and Current Page

BB Theme
1

Hello,

I am trying to set the background and font colour for my main nav working. I have the hover working okay, but the menu item for the current page is only picking up the background colour and not the font color.

This is the CSS I am using:

#menu-main-menu li a:hover {background: #000; color: #dcb149;}/* This works */

#menu-main-menu li.current-menu-item { background: #000; color: #dcb149;} /* The background colour works but not the font colour */

The other small thing I would like to fix is the small (yellow) space (maybe 1px) that appears above the black background when the nav item is hovered over.

The dev URL is http://thepridhamgroup.com/leps/

Any suggestions?

2

Doh … fixed the main issue. (#menu-main-menu li.current-menu-item a). I was forgetting to target the link.

Now, if I could just remove that small bit of space above the hover/current background.

3

Well … I have seemed to fix the second issue as well with .fl-page-nav-wrap {border-top: none;}.

Is this the best solution or is there a better way?

4

Hey Mark,

That should be fine, let us know if you need anything further. :slight_smile:

Thanks!

KC

5

Thanks KC.