Ethos3 Menu Color

[chanminghsu]

Hi guys,

I am using ethos 3 if I want to change my menu background Color.
How can I change it to white backgraound

thanks

[mldarshana]

Hi There @chanminghsu

Thanks for writing in! Try adding the following CSS rules into your X -> Theme Options -> CSS area.

.x-navbar {
    background-color: white;
}
.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a, .x-navbar .desktop .sub-menu a:hover, .x-navbar .desktop .sub-menu .x-active > a, .x-navbar .desktop .sub-menu .current-menu-item > a, .x-navbar .desktop .x-nav .x-megamenu > .sub-menu > li > a, .x-navbar .mobile .x-nav li > a:hover, .x-navbar .mobile .x-nav .x-active > a, .x-navbar .mobile .x-nav .current-menu-item > a {
    color: red;
}

Hope that helps.