Mobile Menu

  • Resolved andrewkwai

    (@andrewkwai)


    3 years, 11 months ago

    The mobile menu is set to show up at 767 px. Any ideas on how to change this break point to something else?

Viewing 1 replies (of 1 total)

  • Hello @andrewkwai

    Please go to your Theme Customizer -> Additional css -> paste the following code there.

    @media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }
    .navbar-left,.navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
    }
    .navbar-nav>li {
        float: none;
    }
    .collapse.in{
        display:block !important;
    }
   .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
    }
    .container-fluid>.navbar-collapse,
    .container-fluid>.navbar-header,
    .container>.navbar-collapse,
    .container>.navbar-header {
      margin-right: -15px;
      margin-left: -15px;
    }
}

    Let us know it will work for you.

    Thanks
    Specia Staff

Viewing 1 replies (of 1 total)
  • The topic ‘Mobile Menu’ is closed to new replies.