From 988590565233d2a2f5a192ea5fb78ef855d77745 Mon Sep 17 00:00:00 2001
From: sebastjanartic <45803536-sebastjanartic@users.noreply.replit.com>
Date: Thu, 28 Aug 2025 19:50:53 +0000
Subject: [PATCH] Adjust the display of mobile menus and add a navigation
 button

Update the animation for the mobile menu on the video page and add a mobile navigation button to the 404 page.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 2eb1084e-b728-4449-9231-f1665924c8d5
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/8cc42625-c1f5-4e43-99bd-77f2c4dedee2/2eb1084e-b728-4449-9231-f1665924c8d5/jevPZgI
---
 client/src/pages/VideoPage.tsx |  4 ++--
 client/src/pages/not-found.tsx | 10 ++++++++++
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/client/src/pages/VideoPage.tsx b/client/src/pages/VideoPage.tsx
index 72cf4b9..4b75f4a 100644
--- a/client/src/pages/VideoPage.tsx
+++ b/client/src/pages/VideoPage.tsx
@@ -166,14 +166,14 @@ export default function VideoPage() {
               onClick={() => setIsMobileMenuOpen(!isMobileMenuOpen)}
               data-testid="button-mobile-menu-video"
             >
-              {isMobileMenuOpen ? <X className="text-xl" /> : <Menu className="text-xl" />}
+              <Menu className="text-xl" />
             </Button>
           </div>
         </div>
 
         {/* Mobile Menu */}
         {isMobileMenuOpen && (
-          <div className="md:hidden bunny-gray border-b border-white/20 animate-in slide-in-from-top-2 duration-200">
+          <div className="md:hidden bunny-gray border-b border-white/20 animate-in slide-in-from-right-2 duration-200">
             <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
               {/* Mobile Navigation */}
               <nav className="flex flex-col space-y-4">
diff --git a/client/src/pages/not-found.tsx b/client/src/pages/not-found.tsx
index 48c077d..aff9c2c 100644
--- a/client/src/pages/not-found.tsx
+++ b/client/src/pages/not-found.tsx
@@ -34,6 +34,16 @@ export default function NotFound() {
                 </a>
               </nav>
             </div>
+            
+            {/* Mobile Menu Button */}
+            <Button 
+              variant="ghost" 
+              className="md:hidden text-bunny-light" 
+              onClick={() => window.location.href = '/'}
+              data-testid="button-mobile-home-404"
+            >
+              <Menu className="text-xl" />
+            </Button>
           </div>
         </div>
       </div>