fix: move header height to styles, no longer dependent on lazy-loaded…

… header block
hlxsites · Apr 15, 2024 · 3b59dc3 · 3b59dc3
1 parent 950cfa7
commit 3b59dc3
Showing 1 changed file with 15 additions and 5 deletions.
diff --git a/styles/styles.css b/styles/styles.css
@@ -545,6 +545,21 @@ body.header-visible main {
   padding-top: var(--nav-height-mobile);
 }
 
+header {
+  height: var(--nav-height-mobile);
+}
+
+@media (min-width: 1200px) {
+  /* Add padding-top when Header Nav is visible */
+  body.header-visible main {
+    padding-top: var(--nav-height-desktop);
+  }
+
+  header {
+    height: var(--nav-height-desktop);
+  }
+}
+
 main {
   margin: auto;
 }
@@ -1872,11 +1887,6 @@ body.quick-links main .section > div {
     letter-spacing: var(--letter-spacing-1);
   }
 
-  /* Add padding-top when Header Nav is visible */
-  body.header-visible main {
-    padding-top: var(--nav-height-desktop);
-  }
-
   /* Section Container */
   main .section > div {
     margin: 0 auto;