Remove resposive menu

  • Resolved worldwidewerner

    (@worldwidewerner)


    8 years, 11 months ago

    Hello!

    I have set up a one-page website, no (sub)pages or nothing. Naturally I have no need for a menu. So, I want to remove the menu button that appears when the screen width goes to 767px and below. I’ve tried some one the solution given on this topic but no matter what I do the menu remains.

    I have the simple custom css plug-in, although I have also tried editing the theme CSS directly with no better result.

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter worldwidewerner

    (@worldwidewerner)

    I still need help on this issue. The hamburger just won’t go away, not on mobile nor on narrow desktop browsers.

    Hi worldwidewerner,

    What i have understood from your query is that you want to remove the menu when your website is viewed in mobile.

    So just inspect that element and you will find this

    <button class=”navbar-toggle collapsed” type=”button” data-toggle=”collapse” data-target=”.bs-navbar-collapse”>

    class will be .navbar-toggle.collapsed

    just try this code

    .navbar-toggle.collapsed{
    display:none;
    }

    Please try this and respond. ??

    Thanks
    Divdeep Singh

    Thread Starter worldwidewerner

    (@worldwidewerner)

    First of all: Thank you! That worked.

    I struggle to see where I went wrong, I’ve tried quite a few different solutions where display:none; was in the picture. I think it may have been my selector, I think I used ‘.navbar-toggle collapsed’ (notice the space where you have a .).

    I always use inspect function in to look up the element, but that is none the less great advice that should be included.

    Thanks again, and have a great day o/

    Hi,
    I am glad that the solution helped you..

    Thanks.. ??
    Have a great day

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Remove resposive menu’ is closed to new replies.

Tags