Change menu drop down color

[calendargirl]

Hello, I can figure out how to change my nav menu drop down background to another color other than white. Right now it is white and you cannot see the drop down selections until you hover over them. Hmmm... in fact, maybe I need to know how to change the drop down menu items to another color. Please let me know which makes sense and where to find it in the ccs to make the change.

thanks

http://missionmagnified.com/

[jbergen]

Hi,

The CSS rule that's making the dropdown background white is on style.css, line 1139. You just have to replace white with your color of choice:

.site-header .sub-menu {
    background-color: _____;
}

To change the dropdown menu items to another color, you'll need to override style.css, line 1705. You can't just change that rule because it applies to more than just the dropdown menu items. However, you can add something like this below that rule:

.genesis-nav-menu .sub-menu a {
    color: ____;
}

Be aware that this will only change the color of the text when you're not hovering.

I hope that helps!
Jamie

---

Jamie @ Ladebug Studios

[calendargirl]

Awesome....that helps a lot. thank you

[Author]

Posts