How to customize scss to define sidebar width


Topic: How to customize scss to define sidebar width

lamelcolorsa asked 4 years ago

Hi, I would like to have a sidenav that is smaller in width; I found in the scss _variables-pro.scss

file the $sidenav-width variable and I saw that I can create a _custom-variables.scss file to override variables but I'm not sure how to proceed (where to put it) and I'm guessing I have to recompile MDB? can anyone advice on how to proceed?


Arkadiusz Idzikowski staff answered 4 years ago

The best way to customize the sidenav with would be to override its styles in the global styles.scss file:

mdb-side-nav .side-nav {
  width: 200px;
}

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: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 10.0.0
  • Device: PC
  • Browser: Chrome
  • OS: OSX
  • Provided sample code: No
  • Provided link: No
Tags