_sass/theme/_header.scss in hardpool-flat-1.0.0 vs _sass/theme/_header.scss in hardpool-flat-2.0.0

@@ -3,12 +3,20 @@
   
   .navbar-light .navbar-brand{
     font-family: 'Dancing Script', cursive;
     font-size: 3rem;
     color: $dark;
+
+    @media (max-width: 767px) {
+      font-size: 2.5rem;
+    }
   }
 
+  .subnav-item {
+    border-bottom: 1px solid lighten($gray, 10%);
+  }
+
   &.style-default{
     .main-logo{
       $size: 8rem;
       height: $size;
       width: $size;
@@ -43,9 +51,58 @@
         padding: 0.1rem 0.2rem;
   
         &.active {
           color: $primary;
         }
+      }
+    }
+  }
+
+  .mobile-nav-handle{
+    font-size: 1.5rem;
+    padding: 0 0.5rem;
+    z-index: 101;
+  }
+
+  @media (max-width: 767px) {
+    .nav-mobile {
+      @include transition(all, 0.4s);
+      display: block;
+      opacity: 0;
+      position: fixed;
+      top: 0;
+      left: 0;
+      background-color: rgba(255,255,255,0.95);
+      width: 100%;
+      height: 0;
+      z-index: 100;
+      padding-top: 5rem;
+      overflow: hidden;
+
+      &.active {
+        // display: block;
+        height: 100%;
+        opacity: 1;
+      }
+      .nav-item{
+        margin: 0 1rem;
+    
+        .nav-link{
+          color: $dark;
+          font-size: 1.3rem;
+          padding: 0.5rem;
+    
+          &.active {
+            color: $primary;
+          }
+        }
+      }
+    }
+    .subnav-item {
+      border-bottom: none;
+      margin-left: 1rem;
+      a {
+        color: lighten($color: #333, $amount: 30%);
       }
     }
   }
 }
\ No newline at end of file