From fcc33ad9942de10e901bf69f9cd2de567b75660e Mon Sep 17 00:00:00 2001
From: Daniel Maslowski <info@orangecms.org>
Date: Sun, 5 Jan 2025 19:04:53 +0100
Subject: [PATCH] switch to mobile menu on viewports up to 1024px already

---
 _sass/_chaospott.scss | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/_sass/_chaospott.scss b/_sass/_chaospott.scss
index 746dc89..15e98f6 100644
--- a/_sass/_chaospott.scss
+++ b/_sass/_chaospott.scss
@@ -142,22 +142,29 @@ ul.nav>li>a {
   border-left-color: #111111;
 }
 
-@media (max-width: 767px) {
+@media (max-width: 1023px) {
   #large-header {
     display: none;
   }
+  nav .container {
+    width: 100%;
+    margin: 0;
+  }
   .navbar-header {
-    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
+    float: unset !important;
   }
   .navbar-brand {
     display: block;
   }
-  .navbar-collapse .nav>.divider-vertical {
-    display: none;
+  .navbar-collapse.collapse {
+    display: none !important;
+  }
+  button.navbar-toggle {
+    display: block;
   }
 }
 
-@media (min-width: 768px) {
+@media (min-width: 1024px) {
   .navbar-brand {
     display: none;
   }