Update Navbar.component.tsx

Author: w3bdesign

src/components/Header/Navbar.component.tsx

@@ -18,7 +18,7 @@ const Navbar = () => {
   return (
     <header>
       <nav id="header" className="top-0 z-50 w-full py-1 bg-white ">
-        <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="container flex 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"
@@ -40,7 +40,7 @@ const Navbar = () => {
               </li>
             </ul>
           </div>
-          <div className="order-1 md:order-2">
+          <div className="order-1 md:order-2 md:hidden lg:block">
             <Link href="/">
               <span className="flex items-center text-xl font-bold tracking-wide text-gray-800 no-underline hover:no-underline ">
                 <svg
@@ -61,7 +61,7 @@ const Navbar = () => {
             </Link>
           </div>
           <div
-            className="flex items-center order-2 md:order-3"
+            className="flex items-center order-2 md:order-3 md:mx-auto lg:mx-0"
             id="nav-content"
           >
             <AlgoliaSearchBox />