Topic: how to make fixed sidenav to appear under the header

olaniyimoses pro asked 5 years ago


Please, how do i make fix sidenav under the header and not over the header.


Damian Gemza staff answered 5 years ago


Dear @olaniyimoses 

What exactly is not working for you? You see no changes after adding the above style code to your application, or the actual behavior is not which you expected?

Please check, if you have placed the above scss code in styles.scss stylesheet instead of the component stylesheet.

Best Regards,

Damian


Damian Gemza staff answered 5 years ago


Dear @olaniyimoses 

Could you please verify, if I understood you right?

Do you want to place navbar over the side nav?

You could achieve this behavior by using the below styles in styles.scss file.

.navbar {
padding-left: 0 !important;
z-index: 1041;
}

Best Regards,

Damian


olaniyimoses pro commented 5 years ago

Thank you for your help, but it did not work for me



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

  • ForumUser: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 7.0.0
  • Device: Laptop
  • Browser: Google Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No