WIP

dist/app.css

@@ -12123,6 +12123,14 @@ a {
 .mobile-nav-open .top-nav .logo-wrapper #mobile-nav-toggle svg:last-of-type {
   display: block;
 }
+@media (max-width: 767.98px) {
+  .top-nav nav.main-nav {
+    display: none;
+  }
+  .mobile-nav-open .top-nav nav.main-nav {
+    display: block;
+  }
+}
 .top-nav nav.main-nav > div {
   height: 100%;
 }

dist/mix-manifest.json

@@ -1,4 +1,4 @@
 {
     "/app.js": "/app.js?id=ac271f1d4ead304b5ae143995cb9455e",
-    "/app.css": "/app.css?id=65549d62bec69903ae9012d8c67d5e8e"
+    "/app.css": "/app.css?id=95a6821f43c55836829ced4226897d61"
 }

src/scss/header.scss

@@ -35,6 +35,14 @@
     }
 
     nav.main-nav {
+        @include media-breakpoint-down(md) {
+            display: none;
+
+            .mobile-nav-open & {
+                display: block;
+            }
+        }
+
         & > div {
             height: 100%;
         }