From 81e1b9e3ad54646eb2f4b6ce94ae07276c7c83a0 Mon Sep 17 00:00:00 2001
From: guidopia <guidopiacareer@gmail.com>
Date: Wed, 13 May 2026 10:20:12 +0530
Subject: [PATCH] fix: improve mobile navbar scrolling behavior

---
 frontend/src/components/shared/Navbar.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/shared/Navbar.jsx b/frontend/src/components/shared/Navbar.jsx
index a88ce65..3e72346 100644
--- a/frontend/src/components/shared/Navbar.jsx
+++ b/frontend/src/components/shared/Navbar.jsx
@@ -401,7 +401,7 @@ export default function Navbar() {
 
       {/* ── Mobile Menu ── */}
       {isMenuOpen && (
-        <div className="lg:hidden w-full bg-white border-t-4 border-black">
+        <div className="lg:hidden w-full bg-white border-t-4 border-black max-h-[calc(100vh-64px)] overflow-y-auto">
           <div className="flex flex-col">
             {/* Nav links */}
             {isAuthenticated && (
@@ -445,7 +445,7 @@ export default function Navbar() {
             </button>
 
             {mobileMegaOpen && (
-              <div className="border-b-2 border-black bg-gray-50">
+              <div className="border-b-2 border-black bg-gray-50 max-h-[45vh] overflow-y-auto overscroll-contain">
                 {MEGA_MENU_ITEMS.map((item) => {
                   const hasSubmenu = item.submenu && item.submenu.length > 0;