From e5fe526536e66ef82339b3f04eb95cbf42d558f5 Mon Sep 17 00:00:00 2001 From: Matthieu Bessat Date: Mon, 11 Mar 2024 07:49:04 +0100 Subject: [PATCH] fix(header): fixed position mobile nav --- assets/sass/footer.scss | 7 ++++++- assets/sass/header.scss | 7 ++----- 2 files changed, 8 insertions(+), 6 deletions(-) diff --git a/assets/sass/footer.scss b/assets/sass/footer.scss index 5160e20..ab307ca 100644 --- a/assets/sass/footer.scss +++ b/assets/sass/footer.scss @@ -104,7 +104,12 @@ body { .site-footer-socials { justify-content: center; - margin-bottom: 2.5rem; + margin-bottom: 2rem; + flex-wrap: wrap; + padding: 0 .5rem; + li { + margin-bottom: 1rem; + } } .inline-menu-list { diff --git a/assets/sass/header.scss b/assets/sass/header.scss index 38f0e2a..a31ccd6 100644 --- a/assets/sass/header.scss +++ b/assets/sass/header.scss @@ -120,11 +120,9 @@ $burger-menu-size: 4rem; display: none; opacity: 0; position: fixed; - top: 0; - left: 0; + top: 8rem; + left: 5rem; z-index: 1000; - width: 100%; - height: 100vh; // transition: all 0.8s; justify-content: center; @@ -168,7 +166,6 @@ $burger-menu-size: 4rem; .checkbox:checked ~ .nav { display: flex; - width: 100%; opacity: 1; // transition: opacity 0.8s ease-in-out; animation: navin .5s ease-in-out;