site nav

assets/css/components/_newsletter-form.scss

@@ -1,5 +1,5 @@
 .form__newsletter {
-         margin-top: calc(var(--spacing)*2);
+margin-top: calc(var(--spacing)*2);
   --size: 24px;
   position: relative;
   display: flex;

assets/css/partials/_site-menu.scss

@@ -19,8 +19,15 @@
         right: -100vw;
     }
 
-    display: flex;
-    flex-direction: column;
+
+    .site-menu__inner{
+        height: 100%;
+        overflow: scroll;
+        @include hide-scroll();
+
+    }
+    // display: flex;
+    // flex-direction: column;
 
 
     .search-form{
@@ -28,31 +35,42 @@
         margin-bottom: calc(var(--spacing)*1);
     }
 
-    nav{
-        flex-grow: 1;
-        ul{ 
-            list-style-type: none;
-            text-transform: uppercase;
-            font-weight: 500;
-            li{
-                font-size: var(--fs-normal);
-                a{
-                    display: block;
-                    text-decoration: none;
-                    padding: 0.5em 0;
-                    &:hover{
-                        text-decoration: underline;
-                    }
-                }
-            }
 
-            .highlight{
-                text-transform: uppercase;
+
+    nav{
+          margin-top: calc(var(--spacing)*1.5);
+        ul{
+            list-style-type: none;
+            li{
+                margin-bottom: calc(var(--spacing)*0.5);
+            }
+            a{
+                text-decoration: none;
+                font-weight: 500;
             }
         }
+
     }
 
+    #nav-pages{
+        li{
+            text-transform: uppercase;
+        }
+
+    }
+
+    .support{
+  text-transform: uppercase;
+    }
+
+    #nav-aside{
+        margin-top: calc(var(--spacing)*1);
+    }
+
+
+
     .socials{
+              margin-top: calc(var(--spacing)*2);
         padding-bottom: calc(var(--spacing)*0.75);
     }
 }

assets/css/style.css

@@ -2996,37 +2996,43 @@ figcaption, .caption {
     right: -100vw;
   }
 }
-#site-menu {
-  display: flex;
-  flex-direction: column;
+#site-menu .site-menu__inner {
+  height: 100%;
+  overflow: scroll;
+  scrollbar-width: none;
+  -ms-overflow-style: none;
+}
+#site-menu .site-menu__inner::-webkit-scrollbar {
+  display: none;
 }
 #site-menu .search-form {
   margin-top: calc(var(--spacing) * 1);
   margin-bottom: calc(var(--spacing) * 1);
 }
 #site-menu nav {
-  flex-grow: 1;
+  margin-top: calc(var(--spacing) * 1.5);
 }
 #site-menu nav ul {
   list-style-type: none;
-  text-transform: uppercase;
-  font-weight: 500;
 }
 #site-menu nav ul li {
-  font-size: var(--fs-normal);
+  margin-bottom: calc(var(--spacing) * 0.5);
 }
-#site-menu nav ul li a {
-  display: block;
+#site-menu nav ul a {
   text-decoration: none;
-  padding: 0.5em 0;
+  font-weight: 500;
 }
-#site-menu nav ul li a:hover {
-  text-decoration: underline;
-}
-#site-menu nav ul .highlight {
+#site-menu #nav-pages li {
   text-transform: uppercase;
 }
+#site-menu .support {
+  text-transform: uppercase;
+}
+#site-menu #nav-aside {
+  margin-top: calc(var(--spacing) * 1);
+}
 #site-menu .socials {
+  margin-top: calc(var(--spacing) * 2);
   padding-bottom: calc(var(--spacing) * 0.75);
 }