From 8e5ba6f6871c1dcff5380856481eda3e32c7619e Mon Sep 17 00:00:00 2001
From: Vadym Samoilenko <vadymsamoilenko@oliver.agency>
Date: Sun, 8 Mar 2026 16:11:42 +0000
Subject: [PATCH] Close mobile menu automatically on scroll

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/Header.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 783478e..bd88576 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -25,10 +25,13 @@ const Header: React.FC = () => {
     const location = useLocation();
 
     useEffect(() => {
-        const onScroll = () => setIsScrolled(window.scrollY > 50);
+        const onScroll = () => {
+            setIsScrolled(window.scrollY > 50);
+            if (isMobileMenuOpen) setIsMobileMenuOpen(false);
+        };
         window.addEventListener('scroll', onScroll, { passive: true });
         return () => window.removeEventListener('scroll', onScroll);
-    }, []);
+    }, [isMobileMenuOpen]);
 
     // Close mobile menu on route change
     useEffect(() => {