Background color in mobile menu

Hi, how I can change the background color in the mobile menu?

Attachments:

You must be logged in to view attached files.

Hello,

Try to add the following code snippet to the Custom CSS area in Theme Settings.

body .mobile-nav {
	background-color: #C0C0C0;
}

.mobile-nav form.searchform input[type=text] {
	border-color: #D5C59E;
}

.mobile-nav .sub-menu-dropdown ul li a,
.mobile-nav .sub-menu-dropdown ul li a:focus {
	color: #C4A363;
}

Regards

Hi I try it but don’t change the dark color.

I attached again the image with a markup of the color I would like to change.

Attachments:

You must be logged in to view attached files.

Hi,

Try to use this selector to control the color of your mobile sub-menus background

/* bg color of sub-menu */

body .mobile-nav .sub-menu-dropdown ul {
  background-color: gray;
}

body .mobile-nav .sub-menu-dropdown ul:before {
	color: gray;
}

/* color of sub-sub-menu */

body .mobile-nav .sub-menu-dropdown li ul {
	background-color: black;
}

body .mobile-nav .sub-menu-dropdown li ul:before {
	color: black;
}

Regards

Okey perfect, thanks.

You are welcome 🙂

[Author]

Posts