Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: (Pro version) After the first time, I have to click the hamburger menu 2 or 3 times for the sidenav to open

kylescousin pro asked 5 years ago


On this site: https://leesmee.com - when narrowing the screen or viewing on mobile, you can click the hamburger menu to open the fixed side nav. It works the first time, but when you then close it and try to open it again, you have to click the hamburger multiple times to open it again.

I tried in the browser and on various phones, and the problem occurs everywhere. I can see it's adding a transformX css styling to the sidenav, but only on the second or third click.

Any help?


Piotr Glejzer staff commented 5 years ago

Did you try to update MDB files to the newest version?


kylescousin pro commented 5 years ago

Version: MDB Pro 4.7.0


kylescousin pro commented 5 years ago

Can you have a look at the code?

I removed all the html inside the slide-out and the nav section, and it still acts like this...


gianlucagiacometti priority answered 5 years ago


ok thanks, removed the line and it works like a charm


Piotr Glejzer staff answered 5 years ago


Yea, there is a problem with that, we try to fix this. If you would like to do for your own you have to go to your siednav.js file and remove :

 this.menuOut = true;

at openOnClick() method (tihs is in else statment with ES6 version, it's 409 line )
or key "openOnClick" ( babel version , es5 etc, 376 line ) ;


gianlucagiacometti priority answered 5 years ago


I have the same issue.

MDB 4.7.3 works fine

MDB 4.7.4 you need to click 2 times (always 2 times) the hamburger to re-open the sidebar


gianlucagiacometti priority commented 5 years ago

I initialise the sidenav inside a function which loads the mdb.js script and initialises the sidenav. Is that a problem?


kylescousin pro answered 5 years ago


Can you have a look at the code?

I removed all the html inside the slide-out and the nav section, and it still acts like this...


Piotr Glejzer staff commented 5 years ago

I checked code and there is nothing wrong with mdb siednav. You have a lot of minifying code, there is a problem probably with your code. I only checked code where is sidenav and there is nothing wrong with that because I don't know what that code is exactly doing ( It's minified ). You are using initiate sidenav in function, maybe there is a problem.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.6.1
  • Device: Mobile
  • Browser: Chrome
  • OS: Any
  • Provided sample code: No
  • Provided link: Yes