Daily Dish – How to Make Two Different Background Colors for Each Menu

[mateo384]

So I'm getting the hang of things now. I'm using InstantWP with the Daily Dish installed.

The Daily Dish has 2 menus: above header and below header. They both refer to "genesis-nav-menu". I am able to change the background color, but it obviously affects both menus. I only want one affected, so I'm sure I have to write a new class, and I know how to do that. But I don't know how to set the class to the menu I'm modifying.

If I have:

.genesis-nav-menu {
background-color: #fff;
}

that affects both menus. But I only want one.

So I know I can do this:

.genesis-nav-menu-top {
background-color: none;
}

Or simply not even add that background-color code. But how do I apply that class to the menu I want unchanged? You can't reach the html, or can you?

[Victor Font]

One should be .nav-primary and the other .nav-secondary. You don't have to use .genesis-nav-menu.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[mateo384]

got it, thanks!!

[Author]

Posts