mmenu

jquery mmenu opens by default

I've set up a new page and added jQuery.mmenu. now when I load the page the mmenu opens already by default.

mmenu is firing and adding mm-opened on the body on page load. Then the css transition kicks in and mmenu is opened nicely.

But I want it only to be opened when click on a menu button. Very strange. Anybody heard this before?

jquery:

$(document).ready(function() {
  $("#my-menu").mmenu();
});

html:

<body>
   <nav id="my-menu">
     <ul>
        <li><a href="{{item.url }}" class="no-barba">But WHy?</a></li>
     </ul>
   </nav>
  <div>//content</div>
</body>

Nothing special going on in the markup

Solution

  • Add this to your css stylesheet and test it:

    #my-menu:not(.mm-menu) {
  display: none;
}