diff --git a/templates/index.html b/templates/index.html
index bb7b46e..2aa0d49 100644
--- a/templates/index.html
+++ b/templates/index.html
@@ -409,22 +409,32 @@
             const navMenu = document.querySelector('.navigation-menu');
             const backToTopBtn = document.getElementById('back-to-top');
             const currentScroll = window.pageYOffset || document.documentElement.scrollTop;
+            const isMenuOpen = navMenu.classList.contains('menu-open');
 
             // Hide/show header based on scroll direction
             if (currentScroll > scrollThreshold) {
                 if (currentScroll > lastScrollTop) {
                     // Scrolling down - hide header
                     actionBar.classList.add('header-hidden');
-                    navMenu.classList.add('header-hidden');
+                    // Only hide menu if it's open
+                    if (isMenuOpen) {
+                        navMenu.classList.add('header-hidden');
+                    }
                 } else {
                     // Scrolling up - show header
                     actionBar.classList.remove('header-hidden');
-                    navMenu.classList.remove('header-hidden');
+                    // Only show menu if it's open
+                    if (isMenuOpen) {
+                        navMenu.classList.remove('header-hidden');
+                    }
                 }
             } else {
                 // At top - always show header
                 actionBar.classList.remove('header-hidden');
-                navMenu.classList.remove('header-hidden');
+                // Only affect menu if it's open
+                if (isMenuOpen) {
+                    navMenu.classList.remove('header-hidden');
+                }
             }
 
             // Show/hide back to top button