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 6 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?
gianlucagiacometti pro premium priority answered 6 years ago
kylescousin pro answered 6 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 6 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.
gianlucagiacometti pro premium priority answered 6 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 pro premium priority commented 6 years ago
I initialise the sidenav inside a function which loads the mdb.js script and initialises the sidenav. Is that a problem?
Piotr Glejzer staff answered 6 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 ) ;
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: 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
Piotr Glejzer staff commented 6 years ago
Did you try to update MDB files to the newest version?
kylescousin pro commented 6 years ago
Version: MDB Pro 4.7.0
kylescousin pro commented 6 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...