Topic: Show SideNav icon only on mobile
Hi there,
I would like to show the SideNav icon only on small screen device. I don't want it to show up when browsing on Laptop.
Is there a way to do it?
Kind regards,
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: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags
Damian Gemza staff commented 6 years ago
Dear NIVAN, Which exactly side nav icon? By saying icon you mean a button to show/hide side nav? You can use Fixed Sidenav layout to show side nav menu on larger screens, and only on mobile show button which shows/hides the side nav menu. Please take a look at here: https://mdbootstrap.com/angular/layout/navigation/#f-s-f-n Best Regards, DamianNIVAN pro commented 6 years ago
This is not a Fixed Sidenav on the link you provided. Please send me the right link.Damian Gemza staff commented 6 years ago
Dear Nivan, In https://mdbootstrap.com/angular/layout/navigation you can find 4 examples of Double Bar Navigation Layout. 2 for Fixed side nav and 2 for non-fixed. Please copy cope of that navbar, which you need. Best Regards, Damian