Как свернуть боковую панель по умолчанию на мобильном

Question

Я купил панель администратора Lexa bootstrap от Envato elements. но я столкнулся с проблемой. в мобильном представлении боковая панель по умолчанию не свернута. Metis Menu используется для боковой панели. но если мы нажмем кнопку переключения, она сворачивает боковую панель, добавляя class к телу enlarged, может кто-нибудь помочь мне исправить это. спасибо:)

Боковая панель

<div class="left side-menu">
  <div class="slimscroll-menu" id="remove-scroll">

      <!--- Sidemenu -->
      <div id="sidebar-menu">
          <!-- Left Menu Start -->
          <ul class="metismenu" id="side-menu">
              <li class="menu-title">Main</li>
              <li>
                  <a href="index.html" class="waves-effect">
                      <i class="mdi mdi-view-dashboard"></i><span class="badge badge-primary badge-pill float-right">2</span> <span> Dashboard </span>
                  </a>
              </li>
              <li>
                  <a href="calendar.html" class="waves-effect"><i class="mdi mdi-calendar-check"></i><span> Calendar </span></a>
              </li>

              -------------------------

          </ul>

      </div>
      <!-- Sidebar -->
      <div class="clearfix"></div>

  </div>
  <!-- Sidebar -left -->

</div>

Answer 1

Вы можете добавить enlarged класс на javascript на меньшем экране.

if (window.innerWidth < 960) {
    document.querySelector("body").classList.add('enlarged')
}