Home Forums Cordero Menu missing on mobile website

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #14702
    Musicforte
    Participant

    I am noticing that the menu (3 items) doesn’t show up on my mobile device. Only 2-3 plug-ins are active and it’s a VERY simple site. Any ideas?

    http://www.lyndenmusicfestival.com

     

    Screenshot

    #14704
    Andy
    Keymaster

    I can see on your website you have added your own custom CSS (‘Appearance’ > ‘Customize’ > ‘Additional CSS’) to make the main menu items white color, but this doesn’t take into account the white background of the mobile menu, so it is appearing as white text on a white background.

    This is your current custom CSS:

    #site-navigation a {
        color: #FFFFFF;
    }

    Replace it with this CSS instead to target only larger screens, so the mobile menu will be unaffected:

    @media (min-width: 1025px) {
        #site-navigation a {
            color: #FFFFFF;
        }
    }
    #14705
    Andy
    Keymaster

    You may also want to make the mobile menu button white, as it is currently quite difficult to pick out against the dark background.

    In this case you can add this Additional CSS:

    .toggle-nav {
        color: #fff;
    }
    #14706
    Musicforte
    Participant

    Amazingly helpful. Thank you!!

Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Menu missing on mobile website’ is closed to new replies.