[Resolved] Mobile CSS

Home Forums Support Mobile CSS

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #146113
    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.

    Lead Developer
    Lead Developer

    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: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 ?

    Lead Developer
    Lead Developer

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

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.