Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: Sidenav in main container

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


1robin priority answered 1 year ago


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

enter image description here


Kamila Pieńkowska staff commented 1 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 priority commented 1 year ago

Thank you very much.


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



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

  • 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