Moves up header @supports rule

helenclx · Jul 24, 2024 · 6d537ce · 6d537ce
1 parent 4fe6287
commit 6d537ce
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/src/_includes/global/header.njk b/src/_includes/global/header.njk
@@ -129,20 +129,22 @@
         outline-offset: 0.1em;
     }
 
-    /* For larger screen sizes */
-    @media (min-width: 640px) {
-        .header__title { margin-bottom: 0; }
-    }
-
     @supports selector([popover]) {
         .header__toggle { display: flex; }
         .header__links { display: none; }
         .header__navmenu { margin: 0; }
         .header { position: sticky; }
     }
 
+    /* For larger screen sizes */
+    @media (min-width: 640px) {
+        .header__title { margin-bottom: 0; }
+    }
+
     /* Tablet screen size */
     @media only screen and (min-width: 43.75rem) {
+        .header { position: sticky; }
+        .header__navmenu { margin: 0; }
         .header__toggle, .header__popover { display: none; }
         .header__links { display: flex; }
     }