Topic: Always show slim sidenav
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
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 free commented 4 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 free commented 4 years ago
Actually, I just found the option that will keep the sideNav visible. Set the breakpoint to 10 :)
Andrew Ford priority commented 4 years ago
Ah, the breakpoint option makes sense. There is a CSS way using @media.
Thank you, and you are also welcome.
Marta Wierzbicka staff commented 4 years ago
Thank you @Andrew Ford for help.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: 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