Topic: ie11 Admin dashboard - sidebar mask bg stays open when hamburger menu is closed

Dan Sirois pro asked 5 years ago

I'm using MDB Admin Dashboard 4.1.1 and the div class="sidenav-bg mask-strong" still shows even when the hamburger menu is closed. The same bug is on your examples on your site as well. You can also see it on my staging site as well (make sure screen width is < 1440px to see it):  

Bartłomiej Malanowski staff commented 5 years ago

This bug has been reported already. This will be fixed in the new version of MDB

Dan Sirois pro commented 5 years ago

I paid for the pro version and currently have this in production, is there a css fix/hack you can send me in the meantime?

Arturo Macías priority commented 5 years ago

Same problem here with Angular MDB, please provide a fix/hack in the meantime..

Arturo Macías priority answered 5 years ago

I have found a workaround to fix this. I have used a background image in my theme side-nav of the same color:
.light-blue-skin .side-nav {
 background-image: url(assets/images/sidenav-back.png);
 background-repeat: repeat;
And i have removed this line of code from sidenav.component.html in typescripts/pro/sidenav
<div class="sidenav-bg mask-strong"></div>

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: MDB React
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No