Topic: Sidenav in main container

1robin priority asked 10 months 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 10 months ago

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

enter image description here

Kamila Pieńkowska staff commented 10 months 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 10 months ago

Thank you very much.

Kamila Pieńkowska staff answered 10 months 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

  • ForumUser: 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