Topic: How to customize scss to define sidebar width
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?
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;
}
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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