how to hide sidenav only when screensize is less than 600px

  1. MDB Home Page
  2. Support Main Page
  3. MDB Angular
Topic: how to hide sidenav only when screensize is less than 600px in ng-uikit-pro-standard

ASOKUMAR IT asked 3 years ago

Expected behavior how to hide sidenav only when screensize is less than 600px in 10.1.1? Now the sidenav gets hidden when the screensize is less than 1440. Actual behavior

Resources (screenshots, code snippets etc.)

Arkadiusz Idzikowski staff answered 3 years ago

You can use sidenavBreakpoint input to set a new breakpoint (default value is 1440):

<mdb-side-nav [sidenavBreakpoint]="600">...</mdb-side-nav>

ASOKUMAR IT commented 3 years ago

That worked πŸ‘. Thanks a lot.
Write
Create snippet
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: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 10.1.1
  • Device: pc
  • Browser: firefox
  • OS: windows 10
  • Provided sample code: No
  • Provided link: No
Tags
sidenav mdb-side-nav
Related topics
0
How to remove dropdown icon from slim sidenav
0
Icon of child menu
6
error
3
Sidenav - using multiple layers of Collapse?
2
Fontawsome style missing from some CSS
About author
ASOKUMAR IT
30Support score
9Questions 2Answers
0Snippets likes 0Snippets