[Resolved] Mobile CSS

[Ross Dennerly]

Mobile the Menu text is black with a black background of which you cannot see it until it is selected, which I need to change to White.

I am struggling to locate the correct line in the mobile.css
mobile-menu {
color: #FFF;
}

If I change the Customising – Colors – Navigation Colors – Text to White it works – but this also changes the Desktop version which I do not want.

[Tom]

Hi Ross,

By default, the mobile menu should copy the main menu styling (background color and text color).

However, the CSS you’re looking for is:

button.menu-toggle,
button.menu-toggle:hover, 
button.menu-toggle:active, 
button.menu-toggle:focus {
    color: #FFF;
}

Let me know if this helps or not 🙂

[Ross]

Hi that works. when I update the generatepress\css\mobile.css
But I am using a Child Theme, the mobile.css is not been read from the child Theme directory.
I have tried it in the root folder and CSS folder.
Shouldn’t the mobile.css be reading the the child Theme Folder ?

[Tom]

You can just add it to your regular child theme stylesheet – no need to try and overwrite the entire mobile.css file 🙂

[Author]

Posts