Tagged: ,

This topic contains 3 replies, has 2 voices, and was last updated by  Mahesh 1 year ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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/

    #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

    #104106

    theodisbutler
    Participant

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

    #104121

    Mahesh
    Participant

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

    Regards,
    Mahesh

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.