Added a couple of changes to make the menu scrollable on mobile.

1 files changed, 27 insertions, 0 deletions

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