Menu on mobile


I like how my theme looks on the mobile device and iPad but there is a problem with the menu bar. The fonts are not shown, for each category. Is there a way to fix it ?

thank you


Hi, it seem that you changed default mobile menu background color to white and default mobile menu links are also in white color. Apply custom css code below to change links to gray.

@media only screen and (max-width: 60em) {
    #main-navigation li a {
        color: #666666;

Or change menu background color to some other color.


here is the url of my site: The menus do notwork properly on mobile devices. How can I fix it because I really like the theme and don’t want to change it.


@lwatlington Hi, the best and yet simple solution that I managed to craft for you is custom CSS code below:

@media only screen and (max-width: 60em) {
    #main-navigation > .sf-menu > ul {
        max-width: 100%;

    #main-navigation:target > .sf-menu > ul {
        min-height: 600px;

And please, create your own topics in future :slight_smile:


Thanks! it works…