Archived topic
Different color scheme for each menu item in primary navigation
3 replies · Started by Michael Andersen on December 12, 2017
Hi,
The color scheme made for Primary Navigation and the Primary Sub-Navigation in the customizer covers each and every menu item - the hole menu.
Is it possible - using CSS - to make separate color schemes for each menu item in the Primary Navigation (including the items sub menu).
So fx the first item (and its sub items) is in blue colors, the second is in red colors and so for.
These settings should also apply to mobile menu.
Hi there,
You can use the similar method here: https://docs.generatepress.com/article/adding-buttons-navigation/
And the CSS would just be something like this:
.main-navigation .main-nav ul li.nav-button a {
background-color: #ffffff;
}Hi,
Thank you. Your links og snippet was very useful. I did some "trial and error" and ended up with something good.
/Michael
Glad I could help!
