From 645e98b29e216404ad1eb77bc373187e6ce20e03 Mon Sep 17 00:00:00 2001 From: Adrian Pirela Date: Sun, 25 Jul 2021 19:57:48 -0500 Subject: [PATCH] mobile navbar now takes full height --- src/index.css | 16 ++++++++++------ 1 file changed, 10 insertions(+), 6 deletions(-) diff --git a/src/index.css b/src/index.css index 559914c..5eb8714 100644 --- a/src/index.css +++ b/src/index.css @@ -86,6 +86,7 @@ p { .nav-button-wrapper { display: inline-block; position: absolute; + z-index: 10; top: 30px; right: 50px; } @@ -110,6 +111,8 @@ p { } .logo-container { + position: absolute; + z-index: 10; margin: 20px; } @@ -120,14 +123,13 @@ p { } .bm-menu { - background: #525252 !important; - height: 380px !important; + background: #fff !important; } .bm-menu a { - color: #b8b7ad; + color: #4d4d4d; } .bm-menu a:hover { - color: #ffffff; + color: #949494; font-weight: 900; } @@ -173,7 +175,7 @@ p { /* Color/shape of close button cross */ .bm-cross { - background: #bdc3c7; + background: #4d4d4d; } /* @@ -296,6 +298,8 @@ header { position: relative; background-size: 90% 100%; background-position: center; + background-origin: content-box; + padding-top: 80px; height: 700px; } @@ -1096,4 +1100,4 @@ footer ul { } } -} \ No newline at end of file +}