[theodisbutler]

Greetings!

Can you please have a look at my site on mobile and let me know why the menu is automatically extended and not functioning cleanly? Is it because of the image-border? I think the standard three lines would be better than a button with the “Menu” text.

http://stanmosleysoul.com/

[Mahesh]

@theodisbutler: The menu is displaying because of display:block CSS. Go to Dashboard=> Appearance=> Customize=> Theme Options=> Custom CSS and add the following CSS:

@media screen and (max-width: 909px) {  
    .site-header-menu {
        display: none;
    }
}

#menu-toggle::before {
    content: "";
    color: #000;
}
  
#menu-toggle {
    font-family: "Genericons";
    color: transparent;
    width: 50px;
}
  
#menu-toggle:hover::before, #menu-toggle:focus::before {
    color: rgb(232, 85, 78);
}

Note: Above CSS will change menu to the three bars too as you’ve mentioned.

Regards,
Mahesh

[theodisbutler]

THANK YOU FOR THE GREAT SUPPORT! WILL BUY MORE OF YOUR THEMES IN FUTURE!

[Mahesh]

@theodisbutler: Thank you for your appreciation. Have a nice day!

Regards,
Mahesh

[Author]

Posts