Archived topic
Mobile CSS
3 replies · Started by Ross Dennerly on October 20, 2015
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.
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 :)
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 ?
You can just add it to your regular child theme stylesheet - no need to try and overwrite the entire mobile.css file :)