Fix mobile menu

rss/css/theme.scss

@@ -10,11 +10,18 @@ header {
     position: relative;
     z-index: 999;
     font-family: "Nunito", sans-serif;
+    background-color: #fff;
+
+    @media(max-width:768px){
+      // height: 48px;
+    }
 
     .logo {
         width: 100px;
         display: flex;
+        z-index: 999;
         cursor: pointer;
+        background-color: #fff;
 
         img {
             width: 100%;
@@ -25,6 +32,29 @@ header {
     nav {
         display: flex;
         position: relative;
+        z-index: -1;
+
+        @media(max-width:768px){
+          top: -200%;
+          display: flex;
+          flex-direction: column;
+          position: absolute;
+          &.open{
+          top: 99%;
+          left: 0;
+          width: 100%;
+          transition: all 0.3s;
+          // padding: 5px 10px;
+          background-color: #fff;
+          height: auto;
+          z-index: -1;
+          box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.12);
+            a{
+              padding: 7px 10px;
+              font-size: 16px;
+            }
+          }
+        }
 
         .menu-item {
             color: #000000;
@@ -63,6 +93,15 @@ header {
             }
         }
     }
+
+    .mobile-toggler{
+      background-color: #fff;
+      border: none;
+      font-size: 18px;
+      @media(min-width: 769px){
+        display: none;
+      }
+    }
 }
 
 .home-banner {
@@ -178,6 +217,7 @@ header {
         height: 100%;
         z-index: 1;
         opacity: 0.1;
+        width: 100%;
       }
 
       img {