Menu missing on mobile website

[Musicforte]

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

 

[Andy]

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;
    }
}

[Andy]

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;
}

[Musicforte]

Amazingly helpful. Thank you!!

[Author]

Posts