Home Forums Basel support forum Mobile menu text color issue

Mobile menu text color issue

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #418505

    Bamboon
    Participant

    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

    #419700

    Elise Noromit
    Keymaster

    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

    #419911

    Bamboon
    Participant

    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

    #420974

    Elise Noromit
    Keymaster

    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

    #421057

    Bamboon
    Participant

    Thank you so much !

    #421116

    Elise Noromit
    Keymaster

    You are welcome! We are here to help.

    Wish you a wonderful day!

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Mobile menu text color issue’ is closed to new replies.