From d828ba69a92e7d858408df15b2e9bf4518a7c137 Mon Sep 17 00:00:00 2001
From: Dennis Meinen <bluepunk@gmail.com>
Date: Tue, 31 Jan 2023 23:17:17 +0100
Subject: Added a couple of changes to make the menu scrollable on mobile.

---
 common/main.css | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/common/main.css b/common/main.css
index 02efd72..86be247 100644
--- a/common/main.css
+++ b/common/main.css
@@ -638,4 +638,31 @@ li {
         max-width: calc(100vw - 20px);
     }
 
+    /* fixes menu + scrolling for mobile */
+    .header {
+        display: flex;
+        width: 100vw;
+        -ms-overflow-style: none;  /* Internet Explorer 10+ */
+        scrollbar-width: none;  /* Firefox */
+    }
+    .header::-webkit-scrollbar { 
+        display: none;  /* Safari and Chrome */
+    }
+    
+    .header-container {
+        width: 100vw;
+    }
+
+    .menu {
+        width: 712px; /* this width is currently based on the websites normal menu */
+        right: unset;
+    }
+
+    #logo {
+        flex-direction: column; 
+        flex-shrink: 0;
+    }
+
+
+
 }
\ No newline at end of file
-- 
cgit v1.2.3