CSS mess in Modern Portfolio Pro menus

[CeeInTx]

I have spent hours trying to figure this out but I have met my match!

I've moved the home page menu down into the top widget and I'm almost happy with that one.

But I need to get the internal menus to match the home page.

On the internal menus, what is the CSS that is causing the menu item to go to a black background on hover?

Many thanks in advance!

http://www.trustingyouareloved.com/sandbox/

[carasmo]

Line 1043 in your main style.css

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

---

Genesis Theme Customization and Help

[CeeInTx]

Thank you so much!

However, that code is not controlling that function any more. I have commented out the original css on line 1043, I've added custom code at the bottom of the main css file, I've added custom code in My Custom CSS file, I've tried adding !important...

Nothing I can find is what is actually calling for that black background and I've searched in Firebug and Inspect Element for hours.

So weird!!

Any other ideas?

Many thanks!

[CeeInTx]

I found it!!! Halleluya!

in the main style.css, line 1121:

.nav-primary .genesis-nav-menu a:hover, .nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
background-color: #222;
color: #fff;
}

I had tried using the :hover search function in Firefox before but couldn't find this. But there it is!

screenshot

[Author]

Posts