Sidenav in main container


Topic: Sidenav in main container

robin_reichenbach pro premium priority asked a year ago

Hello,

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?

Snippet: https://mdbootstrap.com/snippets/standard/robin_reichenbach/5624995

Regards


Kamila Pieńkowska staff answered a year 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.

Example: https://mdbootstrap.com/docs/standard/navigation/sidenav/#subsection-mode-transition


robin_reichenbach pro premium priority answered a year ago

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

enter image description here


Kamila Pieńkowska staff commented a year 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: https://mdbootstrap.com/snippets/standard/kpienkowska/5629816


1robin pro premium priority commented a year ago

Thank you very much.


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue
  • User: Pro
  • 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
Tags