Close dropdown on navbar click, excluding X button

ArslanYM · Jun 29, 2023 · 40a1d2d · 40a1d2d
1 parent 9fd8f1b
commit 40a1d2d
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/main-nav.tsx b/src/components/main-nav.tsx
@@ -41,7 +41,7 @@ export function MainNav({ items }: MainNavProps) {
   }, [handleClose, toggle]);
 
   return (
-    <div ref={menuRef} className="flex min-w-full justify-between">
+    <div className="flex min-w-full justify-between">
       {/* desktop width navbar */}
       <div className="flex w-full justify-between">
         {/* Brand Logo | home page link  */}
@@ -133,7 +133,7 @@ export function MainNav({ items }: MainNavProps) {
         </div>
       </div>
       {/* mobile hamburger menu */}
-      <div className="flex items-center md:hidden">
+      <div ref={menuRef} className="flex items-center md:hidden">
         {/* humburger menu logo  */}
         <div
           className={`${toggle ? "hidden" : "block"} md:hidden`}