Black Friday Sale! Get up to $40 off GP Premium!Learn more

[Resolved] Mobile CSS

Home Forums Support Mobile CSS

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

    #146148
    Tom
    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,
    button.menu-toggle:hover, 
    button.menu-toggle:active, 
    button.menu-toggle:focus {
        color: #FFF;
    }

    Let me know if this helps or not 🙂

    #146169
    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 ?

    #146173
    Tom
    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.