Archived topic
Change background color of mobile menu
5 replies · Started by Ashin on August 1, 2020
Hello,
I'm using Mobile Menu and I understand that the background color of Primary Navigation would be the background color of Mobile Menu by default. But I'd like to change the Mobile Menu background color to something else. There is no option for that in the customizer, as far as I know. Is there any CSS for that?
Thanks.
Hi there,
if its just the mobile-header and menu drop down background:
.main-navigation.mobile-header-navigation {
background-color: #f00;
}Hello,
I have the same issue, however this change does not seem to do anything - I tried adding is via simple CSS plugin or additional CSS, but nothing happens.
Thanks for help,
Jakub
Hi Jakub,
Does your site have mobile-header enabled? (Appearance > customize > Layout > Header w/ Mobile Header option checked)
If so, try this one:
nav#mobile-header .main-nav ul.sf-menu {
background-color: green;
}Thank you, that worked!
Jakub
Nice one. No problem. :D
