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
.
