How to change nav menu mobile color ?

Hello,
How can I change the background color of the menu to white on mobile and the text to black?
(cf. attachment)
Thank you

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 {
    background-color: blue;
}
.mobile-nav .sub-menu-dropdown li a {
    background-color: green;
}

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;
}

Set the colors as per your needs

Best Regards

Hello,
Thank you,
How can I change the hover color and the color of “rechercher des produits” (search products)?
Thanks !

Hello,

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

.mobile-nav .sub-menu-dropdown li a:hover {
    background-color: green;
}
body .mobile-nav ul li.current-menu-item>a:hover {
    color: red;
}

The placeholder may be set once for all the site.

body .mobile-nav .searchform input[type="text"]::placeholder {
    color: red;
}

Best Regards

[Author]

Posts