Materialize: hide the side nav on large screens

[heshamelmasry77]

hey i wanna hide the side nav on lareg screen for example more than 992px i wanna hide it i tried to write thhis code but it doesnt work like how you did it on your website:

$(window).resize(function(){
if ($(window).width() >= 992){
// do something here

    $(".side-nav").css('transform', 'translateX(-105%)');

}

});

it doesnt work nice and smothly liek how you did it on your website how ic an achieve yours ?

[TheAvinashSingh]

They used media queries for this

@media only screen and(max-width:992px){
.side-nav.fixed {
-webkit-transform:translateX(-105%);
transform:translateX(-105%);
}
.side-nav.fixed.right-aligned{
-webkit-transform:translateX(105%);
transform:translateX(105%)
}
}

[arpit1997]

Why don't you use class hide-on-large-only in sidenav section instead of this

$(window).resize(function(){
if ($(window).width() >= 992){
// do something here

    $(".side-nav").css('transform', 'translateX(-105%)');

}
});

[tomscholz]

Closed due inactivity