Materialize Css: Always Show Side-nav Even On Mobile?

I am using materialize css. I'm using side nav and want to set visible even on mobile. I'm using following code for this but its not working. @media only screen and (max-width: 992

Solution 1:

Materialize uses CSS transformations to show/hide the side nav, so altering the visibility or opacity will not help you here. A very quick solution is just to fix the translateX transformation at 0. This should make your nav visible at all times.

.side-nav {
    transform: translateX(0%) !important;
}