how to delete toggle class for small screens? about pro-sidebar-template HOT 4 CLOSED

You can check the size of the window when loading the page and remove the toggled class from page-wrapper
This code should do the trick:

  if ($( window ).width() <= 767){
        $(".page-wrapper").removeClass("toggled");
    }

from pro-sidebar-template.

The sidebar should work just fine in mobile device ... if you can provide more details about the problem you got it will be helpful to understand the issue.
Note: the sidebar position changes in small screen from absolute to fixed, to make it overlap on the page-content elements

from pro-sidebar-template.

Image1: Desktop screen, no problem.

But image2: Mobile screen, sidebar does not close automatically. I want the sidebar to shut down automatically when the screen shrinks as I did in bootstrap. as follows (picture 3)

from pro-sidebar-template.

Thank you very much for your quick response and help.

from pro-sidebar-template.