Topic: Sidenav in main container

1robin priority asked 2 weeks ago


What is the correct way to place an always visible sidenav inside the main container instead of sticking to the left and enable toggle on smaller screen with hamburger menu?



1robin priority answered 1 week ago

Hello, here is where I try to put the Sidenav.

enter image description here

Kamila Pieńkowska staff commented 1 week ago

My answer is still valid then but you need to set the position of the sidenav to absolute and position of the container to relative:

1robin priority commented 1 week ago

Thank you very much.

Kamila Pieńkowska staff answered 2 weeks ago

You did not publish your snippet.

But if you look for results similar to one in our documentation you need to set mode depending on screen width and add a listener for resizing.


Please insert min. 20 characters.


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



Specification of the issue

  • User: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 6.4.1
  • Device: PC
  • Browser: Firefox
  • OS: Debian
  • Provided sample code: No
  • Provided link: Yes