sidenav under navbar

  1. MDB Home Page
  2. Support Main Page
  3. MDB Standard
Topic: sidenav under navbar

michelle_126 pro premium priority asked 2 years ago

Hi,

  1. any idea how to make sidenav under navbar (as Expected behavior) ?
  2. any idea what class to apply to create gap between sidenav and navbar.

Thanks

  • Expected behavior enter image description here

  • Actual behavior enter image description here

mlazaru staff answered 2 years ago

Hi,

To place sidenav under navbar you should override their z-index and add extra margin-top for the sidenav to make all the content of sidenav visible.

To create space I've used m-5 class. Check out our docs to find more abour spacing.

Snippet with the solution: https://mdbootstrap.com/snippets/standard/mlazaru/4452863

Write
Create snippet
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: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 5.0.0
  • Device: Desktop
  • Browser: Google Chrome, Microsoft Edge
  • OS: windows 10
  • Provided sample code: No
  • Provided link: No
Tags
sidenav navbar
Related topics
1
Side nav init while hidden
1
Modal's are hiding behind NavBar & SideBar
0
How to set slide-out button for the SideNav permanently
0
Main content does not respect margin of navs
0
MDB 5 Sidenav expands accordion when clicking on any dropdown from the Navbar
About author
michelle_126
Pro User Premium support
70Support score
14Questions 1Answers
0Snippets likes 1Snippets