Tons of changes, all of which I've forgotten. A number of refactors

exist. Nav menu partly operational on mobile.

src/partials/_nav_dropdown.scss

@@ -1,21 +1,16 @@
 .nav_dropdown {
-    .dropdown_header {
+    > .header {
         display: grid;
         grid-template-columns: 1fr min-content;
         align-items: center;
 
         ion-icon {
-            /*
-            This one aligns visually odd if trying to use the same margins as it's neighbouring nav_title class.
-            */
-            margin-right: 0.5rem;
-
             align-self: center;
             transition-duration: 0.25s;
         }
     }
 
-    .dropdown_body {
+    > .body {
         display: none;
         border-bottom-left-radius: var(--border-radius-small);
         border-bottom-right-radius: var(--border-radius-small);
@@ -24,7 +19,7 @@
 }
 
 .nav_dropdown:hover {
-    .dropdown_header {
+    > .header {
         transform: var(--transform-scale-x);
 
         ion-icon {
@@ -33,7 +28,13 @@
         }
     }
 
-    .dropdown_body {
+    > .body {
         display: grid;
     }
 }
+
+@media only screen and (max-width: 500px) {
+    .nav_dropdown > .header ion-icon {
+        margin-right: var(--padding-mobile);
+    }
+}