Changing Hover Color in Secondary Nav Menu

[bfoken]

Hello,

I'm trying to change the hover background color in the sub-menu navigation. For instance, when going from "Cookbook", to "breakfast", I'd like to change the background color of "breakfast" and all the other sub-category items to a different color (#3aac3a) when you hover over them. I've tried changing every option that has a hover or menu-item selector, but can't seem to change the hover color. Any help is appreciated.

Thank you,

Brandon

http://www.idcookthat.com

[emasai]

I can't tell you which line it is as your css is minified. Look for this and change the background color:

.genesis-nav-menu > li:hover .sub-menu a:hover, .genesis-nav-menu .sub-menu a:hover {
background-color: #eeeee8;
color: #222;
}

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[bfoken]

Thanks for the quick response, I found that section of my CSS and changed the background color, yet the #eeeee8 still showed. I then added !important to see if that changed anything and now the color doesn't change when I hover. Here is the code:

.genesis-nav-menu > li:hover .sub-menu a:hover,
.genesis-nav-menu .sub-menu a:hover {
	background-color: #3aac3a, !important;
	color: #222;
}

Is there a setting elsewhere that is overriding the hover color? Thanks again for the help!

[emasai]

There should be no comma between the color and !important

---

Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.com

[bfoken]

And that did it! Thanks so much for your help, Lynne. Have a great weekend!

[Author]

Posts