Show SideNav icon only on mobile


Topic: Show SideNav icon only on mobile

NIVAN pro asked 6 years ago

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,

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, Damian

NIVAN 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

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No