Increase homepage-header padding-top if menu is open

If the super navigation menu is open, set padding top to 50px for the homepage-header on Desktop screen sizes
alphagov · Dec 1, 2023 · 4e70f05 · 4e70f05
1 parent 5c261d6
commit 4e70f05
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/app/assets/stylesheets/views/_homepage_header.scss b/app/assets/stylesheets/views/_homepage_header.scss
@@ -21,6 +21,14 @@ $pale-blue-colour: #d2e2f1;
   }
 }
 
+// If the super navigation menu is open,
+// set padding top to 50px for the homepage-header on Desktop screen sizes
+@include govuk-media-query($from: desktop) {
+  .gem-c-layout-super-navigation-header--menu-open + .homepage .homepage-header {
+    padding-top: govuk-spacing(8);
+  }
+}
+
 .homepage-header__title {
   @include govuk-typography-weight-bold;
   color: govuk-colour("white");