style: fix weird glitch in mobile navbar

upframe · Apr 16, 2019 · b50408a · b50408a
1 parent f7091b8
commit b50408a
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/App.css b/src/App.css
@@ -547,6 +547,10 @@ header p {
   border-radius: 2rem;
 }
 
+.height-to-fix {
+  padding-top: 5rem;
+}
+
 /* * * * * * * * *
  * MEDIA QUERIES
  * * * * * * * * */

diff --git a/src/components/Navbar.js b/src/components/Navbar.js
@@ -1,7 +1,8 @@
 function hamburgerClick() {
   let navbar = document.querySelector('nav'),
     hamburger = document.querySelector('.hamburger-container'),
-    calltoaction = document.querySelector('#calltoaction');
+    calltoaction = document.querySelector('#calltoaction'),
+    header = document.querySelector('header')
 
   if(hamburger.classList.contains('open')) {
     // close hamburger
@@ -15,9 +16,11 @@ function hamburgerClick() {
     setTimeout(() => {
       navbar.classList.remove('menu-open')
       navbar.classList.remove('menu-close')
+      header.classList.remove('height-to-fix')
     }, 250);
   }
   else {
+    header.classList.add('height-to-fix')
     // open hamburger
     hamburger.classList.add('open')
     // start menu open animation