style: fix weird glitch in mobile navbar

Author: ulissesferreira

src/App.css

@@ -547,6 +547,10 @@ header p {
   border-radius: 2rem;
 }
 
+.height-to-fix {
+  padding-top: 5rem;
+}
+
 /* * * * * * * * *
  * MEDIA QUERIES
  * * * * * * * * */

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