Sidebar is responsive

2020-01-19 13:19:25 +01:00
parent 56953601e1
commit 3e281edc5c
6 changed files with 67 additions and 6 deletions
--- a/src/styles/base/menu-left.scss
+++ b/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;
    }