Sidenav Not Working in Chrome


Topic: Sidenav Not Working in Chrome

haye321 asked 5 years ago

Trying to follow the example here: https://mdbootstrap.com/snippets/jquery/mdbootstrap/102686

Which works as expected in Safari but not in Chrome. In Chrome the side menu is open on page load and won't close.

enter image description here


Hi,

when I reduce size of the snippet window, I see the bar icon which appears on smaller devices which I can click on and close and open side-nav. Please, try to resize the snippet window and see if you see the three bars icon and click on it.

Best, Marta


haye321 commented 5 years ago

Thank you! Is there a way to adjust that break point or turn if off entirely?


Marta Szymanska commented 5 years ago

Hi,

yes, there is. Please, use our breakpoint option for Side-Nav. You can find the description of this option in our Side-Nav documentation here: https://mdbootstrap.com/docs/jquery/navigation/sidenav/#options.

Best, Marta


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
  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.8.11
  • Device: Desktop
  • Browser: Chrome 78.0.3904.70
  • OS: macOS 10.14.6
  • Provided sample code: No
  • Provided link: Yes