Mobile menu text color issue

Hi,
You have provided me this code to change the menu navigation color :

body .mobile-nav {
background-color: white;
}
.color-scheme-dark ul li {
background-color: white;
}
body .mobile-nav ul li .up-icon{
background-color: white;
}
body .mobile-nav .sub-menu-dropdown ul:before {
color: #cacebd;
}
body .mobile-nav ul li.current-menu-item>a {
color: grey;
}
body .mobile-nav ul li a {
color: #8f9287;
}
body .mobile-nav .icon-sub-menu:after,
body .mobile-nav .icon-sub-menu:before {
background-color: grey;
}
body .mobile-nav .searchform button {
color: grey;
}
body .mobile-nav .searchform input[type=text] {
color: grey;
}
body .mobile-nav .autocomplete-suggestions .suggestion-title {
color: grey;
}
body .mobile-nav .autocomplete-suggestions {
background-color: white;
}

If you click on the “Boutique Naturelle” menu and “Bijoux & Lithothérapie” or “Papeterie”, the color is different. For Boutique naturelle, the text is white on white and you can’t see the text. And if you just put a finger on the “Cuisine naturelle”, without clicking and then just take away your finger, the text is disappearing.

Hope you’ll understand what I mean and can help,

Lorène

PS : Also, how can I change the close button color for mobile menu ? Here it’s black

Hello,

I am checking the mobile menu and I cannot find the white on white: https://gyazo.com/3842155855ec68c7148cd90b00642e5e

and https://gyazo.com/85ab7732abf4fb19951e395c9c26cb8d

How can I find these items?

Best Regards

Hi,
this is your video capture that you made :
https://gyazo.com/3842155855ec68c7148cd90b00642e5e

–> on the 4th-5th second, you can see that the text “ORACLES” (under “PAPETERIE” menu) is disappearing after you hover with the mouse. It’s doing the same effect on each sub categories from “BOUTIQUE NATURELLE” dropdown menu.

When you click on a menu or sub menu category, this is what happens :
https://gyazo.com/362bea4e00bb09ca7ba9f1f99e0e114f
https://gyazo.com/c785a1672020b7234bfb3e4d69a5ffc8

When you click longer on the sub menu category, this is what happens : https://gyazo.com/72afad0869135d55dcbff31911de209d
https://gyazo.com/0c213438b4458159d6f3a9622c011f2a

Thank you in advance for your help

Hello,

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

body .mobile-nav ul li a:hover {
	color: #8f9287;
}

body .mobile-nav ul li a:active {
	background-color: #F9F9F9;
	color: #8f9287;
}

Best Regards

Thank you so much !

You are welcome! We are here to help.

Wish you a wonderful day!

[Author]

Posts