How to set up the mobile menu?

Hi friends

I would like to know how can I edit color of the mobile menu, by default I can only select black or white, but I would like to set it up by myself.

Anything I can do?

Thanks you!

Eduardo

Attachments:

You must be logged in to view attached files.

Hello,

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

.site-mobile-menu li.current-menu-item>a{
color:red;
}
.site-mobile-menu li a span{
color:red;
}

Set the colors as per your needs.

Best Regards

Great, that work only for letter and words, any other code I can use to edit the (background color, Icon Colors, and secondary menu colors?

Thanks

Hello,

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

.mobile-nav .woodmart-search-form{
background:yellow;
}
body .searchform .searchsubmit {
    color: red;
}
body .mobile-nav-tabs li.active {
    background-color: orange;
    color: red;
}
.mobile-nav-tabs li {
    color: red;
    background-color: olive;
}
body .site-mobile-menu li.current-menu-item>a{
color:blue;
background-color: orange;
}
body .site-mobile-menu li a {
    color: red;
    background:yellow;
}
body .site-mobile-menu li.opener-page>a, 
body .site-mobile-menu li:active>a {
    background-color: orange;
	   color:red;
}
body .site-mobile-menu .icon-sub-menu.up-icon{
    color: red;
    background-color: olive;
}

Set the colors as per your needs and remove the CSS I have provided earlier.

Best Regards

Cool guys, thank you!

there are still some 3 things I need to set them up, can you guide me?:

I need to change the next colors:

1: Arrow icon on the right side to open the sub-menu, now is dark.
2: The background at the bottom is white, can I change that color?
3: When I am on the current sub-menu page is red, I need to change that one too.

I have left some photos.

Thanks!

Attachments:

You must be logged in to view attached files.

Hello,

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

.mobile-nav {
    background-color: black;
}

Please provide your site URL I will provide the CSS for the rest.
Best Regards

Great,

Thank you guys!
Here is the link:

http://www.pruebaazulcl.online

Hello,

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

body .mobile-nav .icon-sub-menu {
    color: white;
}

The current item is green, if you want to change,

find and change this custom CSS:

body .site-mobile-menu li.current-menu-item>a {
    color: #89ab1d;
    background-color: #1a1a1a;
}

Best Regards

Hi

the fist one is done, thanks

The second one works for the main menu only, but for sub-menu page doesn´t, if you click any main menu page it is Green, but if you are in a sub-menu page like “NUESTROS SERVICIOS” for example, you can see the color is red on the menu, have a second look to the second photo I have left before.

Thank you!

Hello,

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

body .site-mobile-menu li.current-menu-item>a, 
body .site-mobile-menu .sub-menu li.current-menu-item>a {
    color: white;
}

Best Regards

[Author]

Posts