Change SideNav breakpoint

web
mobile

Topic: Change SideNav breakpoint

sandeepspatil pro asked a year 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 a year 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 a year ago

Hi,

thank you for your help.

Best,

Marta


Please insert min. 20 characters.
Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: jQuery
  • MDB Version: 4.5.10
  • Device: DELL XPS
  • Browser: Chrome
  • OS: Win 10
  • Provided sample code: Yes
  • Provided link: No