Change Menu Color on Mobile look like Desktop

Hello XTEMOS,
My website is: https://satatech.vn
The default Mobile Menu color scheme is dark version with dark background and light text (in file: “mobile categories menu.png”)
I want to change its color looks like in Desktop version with blue background and white text (in file: “desktop categories menu.png”).
Could you please give me the code to change it?
Thank you in advance.

Attachments:

You must be logged in to view attached files.

Hello,

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

body .mobile-nav ul li a{
    color: yellow;
	background-color:green;
}
body .mobile-nav ul li a:hover{
    color: red;
}

body .mobile-nav ul li a:hover,
body .mobile-nav ul li a:focus{
    color: orange;
}
body .color-scheme-dark .sub-menu li a{
    color: blue;
	background-color:green;
}
body .mobile-nav .icon-sub-menu::after, 
body .mobile-nav .icon-sub-menu::before {
    background-color: yellow;
}

Set the colors as per your needs.

Best Regards

Hello XTEMOS, thank you a lot.

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts