Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 28, 2016 at 2:19 am #104046
    theodisbutler
    Participant

    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/

    November 28, 2016 at 10:21 am #104063
    Mahesh
    Participant

    @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

    November 29, 2016 at 1:19 am #104106
    theodisbutler
    Participant

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

    November 29, 2016 at 9:24 am #104121
    Mahesh
    Participant

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

    Regards,
    Mahesh

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Menu On Mobile Not Hiding’ is closed to new replies.