Menu Highlighting Issue

[gigtime]

Hi All,

I'm trying to customize Executive Pro's menu to have a solid background similar to this site. I've managed to get most of the way there on this demo site.

The problem is the menu highlighting is overriding my background color with white and I can't find the code I need to change. I can live without menu highlighting as they've done in the example above. When I start to move the cursor over another menu item, I can see the menu change to the burgundy background I'm looking for so there must be a piece of code that I'm not aware of that needs a fix.

Can anyone tell me how to fix this? Thanks in advance.

http://gigtimedental.com/executive/

[Christina]

These are what you're looking for:

.genesis-nav-menu a:focus, .genesis-nav-menu a:hover, .genesis-nav-menu li:focus, .genesis-nav-menu li:hover, .genesis-nav-menu li:focus a, .genesis-nav-menu li:hover a, .genesis-nav-menu .current-menu-item > a:focus, .genesis-nav-menu .current-menu-item > a:hover {
    background-color: #fff;
    color: #666;
    text-decoration: none;
}

and

.genesis-nav-menu .sub-menu a:focus, .genesis-nav-menu .sub-menu a:hover {
    background-color: #f5f5f5;
    color: #222;
}

Change the background colors to #5000000

[gigtime]

Worked like a charm. Thank you, Christina!

[Christina]

You're welcome! 🙂

[Author]

Posts