From 3714a0c5cfce24de77025d94ed3350381b9b4c96 Mon Sep 17 00:00:00 2001 From: Daniel-I-Am Date: Sat, 11 Jun 2022 18:12:24 +0200 Subject: [PATCH] Fix header padding on non-hero pages --- assets/sass/_header.scss | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) diff --git a/assets/sass/_header.scss b/assets/sass/_header.scss index 415d2ab..3afa7d9 100644 --- a/assets/sass/_header.scss +++ b/assets/sass/_header.scss @@ -2,9 +2,11 @@ header { position: relative; background-color: $background-header; padding-top: 3rem; + padding-bottom: 3rem; @media (max-width: $sm) { padding-top: 1rem; + padding-bottom: 1rem; } .top-bar { @@ -58,22 +60,22 @@ header { max-width: 60%; margin-top: 4rem; margin-bottom: 4rem; - + @media (max-width: $lg) { max-width: 75%; margin-top: 2rem; margin-bottom: 2rem; } - + @media (max-width: $md) { max-width: 100%; margin-top: 1rem; } - + h1 { color: $accent-color; font-size: 2.5rem; - + @media (max-width: $md) { font-size: 1.5rem; } @@ -89,7 +91,7 @@ header { overflow: hidden; display: block; - height: 90px; + height: 40px; z-index: 3; svg {