How to change the background color of menu window on mobile ?

Hi,

I’d like to be able to change the background color of the menu on mobile. When you click on the burger menu, a new window is opening : is this background color that I’d like to change.

Please kindly tell me where I can do it and if it’s on Basel template or Basel child template ? Is it the css file ?

Kindly regards,

Lorene

Or maybe you have an easy option in the theme settings already ?

Thanks a lot

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .mobile-nav {
    background-color: blue;
}

Set the color as per your needs.

Best Regards

Great ! Thank you !
And what about the text if needs to be dark ?

Hello,

Please add this code to the Theme Settings > Custom CSS > Global:

body .mobile-nav {
    background-color: blue;
}
.color-scheme-dark ul li {
    background-color: blue;
}
body .mobile-nav ul li .up-icon{
background-color: blue;
}
body .mobile-nav .sub-menu-dropdown ul:before {
    color: red;
}
body .mobile-nav ul li.current-menu-item>a {
    color: red;
}
body .mobile-nav ul li a {
	color: red;
}
body .mobile-nav .icon-sub-menu:after, 
body .mobile-nav .icon-sub-menu:before {
    background-color: red;
}
body .mobile-nav .searchform button {
    color: red;
}
body .mobile-nav .searchform input[type=text] {
    color: red;
}
body .mobile-nav .autocomplete-suggestions .suggestion-title {
    color:red;
}
body .mobile-nav .autocomplete-suggestions {
    background-color: blue;
}

Best Regards

[Author]

Posts