Change SideNav breakpoint

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: Change SideNav breakpoint

sandeepspatil pro asked 6 years ago

Hello,

I want the sidenav to only hide for less than 1200 px, How do I change that? I tried changing 

$sidenav-breakpoint, but it results in no sidenav at all between 1200 and 1440 pixels

 

sandeepspatil pro answered 6 years ago

I forgot to change it in the js file. 

In case someone comes here, here are the steps (if using gulp)

1) Setup gulp as mentioned at here. 

2) update $sidenav-breakpoint in _variables.css, to whichever value you want

3) update SN_BREAKPOINT in js/dist/sidenav.js 

Marta Szymanska staff pro premium answered 6 years ago

Hi,

thank you for your help.

Best,

Marta

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

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.5.10
  • Device: DELL XPS
  • Browser: Chrome
  • OS: Win 10
  • Provided sample code: Yes
  • Provided link: No
About author
sandeepspatil
Pro User
70Support score
3Questions 2Answers
0Snippets likes 0Snippets