Sidebar is responsive

src/styles/base/main.scss

@@ -199,6 +199,40 @@ h5 {
   border-bottom: 1px solid $color-221-51-90;
   padding: 3rem;
 
+  @include breakpoint(sm) {
+    background: $color-221-51-90;
+  }
+
+  sib-display {
+    @include breakpoint(sm) {
+      float: left;
+    }
+  }
+
+  .mobile-sidebar-button {
+    @include breakpoint(sm) {
+      float: right;
+      
+      button {
+        color: $color-233-18-29;
+
+        &::before {
+          font-size: 2.2rem;
+          margin-right: 1.2rem;
+        }
+      }
+
+      span {
+        font-size: 1.8rem;
+        font-weight: bold;
+      }
+    }
+
+    @include breakpoint($min: 1025px, $max: 0) {
+      display: none;
+    }
+  }
+
   div {
 
     .h1-aside {

src/styles/base/menu-left.scss

@@ -189,9 +189,11 @@
     }
   }
 
-  &.mobile-opened {
+  &.jsLeftMenu.mobile-opened {
+
     @include breakpoint(sm) {
       bottom: 0;
+      box-shadow: 0 2px 8px 0 rgba(65, 69, 73, 0.5);
       min-width: 80%;
       position: fixed;
       right: 0;
@@ -200,7 +202,8 @@
     }
   }
 
-  &.mobile-closed {
+  &.jsLeftMenu.mobile-closed {
+
     @include breakpoint(sm) {
       display: none;
     }