How can hide mat-sidenav of angular flex-layout by default in responsive

Question

I'm working angular flex-layout and sidenav. The sidenav is opened in desktop. I want the sidenav is hidden when the screen < 992px.

Answer 1

Try using a CSS media query class and set the class for the mat-sidenav element.