Always show slim sidenav


Topic: Always show slim sidenav

echoes675 asked 5 years ago

Is it possible to get the sidenav to always show in slim mode no matter the screen side. I don't want it to hide or to darken the main content. But I do want it to be expandable when the button is clicked.

Here's the code I'm working with at the min: https://mdbootstrap.com/snippets/jquery/echoes675/1011949

Thanks, Eoin


Andrew Ford pro premium priority answered 5 years ago

The (slim) sideNav has a different breakpoint than the standard navigation bar, I'm still trying to get it to not hide on small screens for my project(s).

But to help the "don't want it to darken the main content", in the options (https://mdbootstrap.com/docs/jquery/navigation/sidenav/#options), there is the showOverlay, set that to false.


echoes675 commented 5 years ago

Thanks Andrew. I was trying to see if there was something in the fixed CSS that could be used to adjust the point it hides to something ridiculously small but didn't see anything obvious.


echoes675 commented 5 years ago

Actually, I just found the option that will keep the sideNav visible. Set the breakpoint to 10 :)


Andrew Ford pro premium priority commented 5 years ago

Ah, the breakpoint option makes sense. There is a CSS way using @media. Thank you, and you are also welcome.


Marta Szymanska staff pro premium commented 5 years ago

Thank you @Andrew Ford for help.


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: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.8.4
  • Device: PC
  • Browser: Chrome
  • OS: Win 10
  • Provided sample code: No
  • Provided link: Yes