Menu Button Color

Hey there Brian_N,

Could you please provide URL to your site so I can try to help you out with changing the background color of your menu items?

Best regards,
Bojan

Hi Brian_N

Thanks for running Vantage.

All menu colors are available under Appearance > Customize (Vantage Premium) for Vantage Free you can try the following in a Custom CSS plugin like Simple Custom CSS or Jetpack Custom CSS:

/* Vantage Menu Colors */

.main-navigation {
background: #343538 !important;
}

.main-navigation a {
color: #e2e2e2 !important;
}

.main-navigation ul li:hover > a {
background: #00bcff !important;
color: #FFFFFF !important;
}

Edit as required.

Hey there Brian_N,

Could you please disable maintenance mode so I can take a look?

Best regards,
Bojan

Hey again Brian_N,

Since each of the menu buttons has its own unique id you can use that to target each of them and set background color. Please add this code:

li#menu-item-1314 {
background-color: #000;
}

li#menu-item-676 {
background-color: #000;
}

li#menu-item-687 {
background-color: #000;
}

li#menu-item-678 {
background-color: #000;
}

li#menu-item-679 {
background-color: #000;
}

li#menu-item-1278 {
background-color: #000;
}

li#menu-item-681 {
background-color: #000;
}

Note that you’ll have replace the color hex value for each of the menu items. I’ve order them here first to last so you know which color to apply to which one.

Hope this helps.

Best regards,
Bojan

Hi Brian_N

Glad to hear you’ve been making progress. Cheers @bojan – WPMU DEV for all the help.

@brian_n can you confirm you’re running our Vantage theme? If so can you please confirm the url for this question. Thanks.