Topic: Change SideNav's image background

Mauricio Ortensi pro asked 5 years ago

I'm using MDB Pro 4.0 and "Double Navigation with hidden SideNav & non-fixed Navbar" (from Predefined skins), however I need change or remove the SideNav's image background.I've tried to change background using the Colors palette, but it doesn't work.Please, could you help?Best regards,Mauricio

Agnieszka Ciurysek free commented 5 years ago

Hi, The first way you can change background image is using class `sn-bg-1`, `sn-bg-2`, `sn-bg-3` or `sn-bg-4`. The second way is using your own image in 800x1600px size and add link to the image into css style. If you want to remove backgroud image just delete class `sn-bg-1` (respectively 2, 3, or 4) and change the color in skins scss file `sass/mdb/pro/_skins.scss` Regards

isQED Dev free answered 4 years ago


I'm an MDB Angular Pro user, and I love your product. Can you please add to your SideNav documentation and specify that the background-image property in class sn-bg-[x] points to images on mdbootstrap's server? Any and all image links to mdbootstrap's servers yield tremendous latency; users need to know when an MDB class contains hyperlinks. Thanks !


Marta Wierzbicka staff commented 4 years ago


thank you for your idea, we will try to implement this.

Best, Marta

Mauricio Ortensi pro answered 5 years ago

Many thanks Agnieszka, it worked perfectly!

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No