Need to hide menu button in mobile view

  • Unknown's avatar
    fwbuster · Member ·

    I don’t have any menu items on my website, but the mobile view shows a Menu button. I want to hide this and I’ve spent a couple of hours searching for solutions but nothing seems to work. I’ve tried all kinds of things and as per my understanding the below code should work, but it doesn’t. 

    .main-navigation #toggle-menu {
    display: none;
}

    I’m adding this code in the Additional CSS menu. I’ve added other custom CSS too which have worked, but this one is giving me a hard time. I noticed that when the page width is 560px, the button disappears, so I tried the below variation too which doesn’t work either.

    media only screen and (min-width: 1px) // (min-width: 1px) was originally (max-width: 560px) in the code that I copied from Inspect Element
.main-navigation #toggle-menu {
    display: none;
}

    The blog I need help with is: (visible only to logged in users)

  • supernovia · Staff ·

    Hi there, did you mean to post in the WordPress forums for the free software?
    https://wordpress.org/support/forums/

    These forums are specific to the sites using our managed service. We take care of maintenance, security, and support for the WordPress sites hosted on our servers, so if you’re interested, we have more information here:

    WordPress.com vs. WordPress.org

    For this, you might go ahead and post in the forum for that particular theme you’re using, too.

  • The topic ‘Need to hide menu button in mobile view’ is closed to new replies.