Fix bottom stickybar hamburger menu

Author: w3bdesign

components/Header/Hamburger.component.jsx

@@ -88,7 +88,7 @@ const Hamburger = () => {
         <div
           id="mobile-menu"
           aria-hidden={!isExpanded}
-          className={`absolute right-0 z-10 w-full text-center text-black bg-white ${hidden}`}
+          className={`absolute left-0 bottom-24 z-10 w-full text-center text-black bg-white ${hidden}`}
         >
           <ul>
             {LINKS.map(({ id, title, href }) => (

components/Header/Navbar.component.jsx

@@ -13,7 +13,7 @@ import MobileSearch from '../AlgoliaSearch/MobileSearch.component';
 const Navbar = () => (
   <header>
     <nav id="header" className="top-0 z-50 w-full py-1 bg-white ">
-      <div className="container flex flex-wrap items-center justify-between px-6 py-3 mx-auto mt-0 md:min-w-96">
+      <div className="container flex md:flex-wrap flex-col md:flex-row items-center justify-between px-6 py-3 mx-auto mt-0 md:min-w-96">
         <div
           className="order-3 hidden w-full md:flex md:items-center md:w-auto md:order-1"
           id="menu"

components/Index/Hero.component.jsx

@@ -4,7 +4,7 @@
 const Hero = () => (
   <section
     id="hero"
-    className="flex w-full pt-10 mx-auto bg-right bg-cover mt-36 md:pt-0 md:items-center"
+    className="flex w-full mx-auto bg-right bg-cover mt-14 md:pt-0 md:items-center"
   >
     <div className="container mx-auto">
       <div className="flex flex-col items-start justify-center w-full px-6 tracking-wide lg:w-1/2">