0

Keep mobile menu always open

Hello community:

I need to keep the mobile menu open at all times, without the need to click on the three horizontal bars icon. Mobile menu appears at 768px and below.

I tried the code below, based on this question.

@media (min-width: 768px)
{
.btn-navbar-header
{
    float: none;
}

.btn-navbar-toggle
{
    display: block;
}

.btn-navbar-collapse.collapse
{
    display: none !important;
}
}

However, it didn´t work.

Please advice. Here is the link to the Website

Thanks.

Community
  • 1
  • 1
Dinamicore
  • 56
  • 8

1 Answers1

0

change this code

<div style="height: auto;" id="header-responsive-inner" class="responsive-links nav-collapse in collapse">

so become

<div style="height: auto;" id="header-responsive-inner">

exactly i just remove this:

class="responsive-links nav-collapse in collapse"

you can edit your javascript that related to code above.

reference : image

dhanyn10
  • 1
  • 2
  • To @dhanyn10 your idea is great; I used "collapse in" instead of "responsive-links nav-collapse collapse" and I managed to have the menu opened all times; but I had to hide the navigator icon as it quit the toggle function. Still looking for a better solution. Thanks – Dinamicore Jul 03 '16 at 23:33