diff --git a/views/components/header/header.css b/views/components/header/header.css index 7ecb8d4..0106bd3 100644 --- a/views/components/header/header.css +++ b/views/components/header/header.css @@ -299,6 +299,20 @@ .banner-container { height: 350px; } + + /* Hide desktop nav, show sidebar button on tablet */ + .nav-container { + display: none; + } + + .header-contact-section { + display: none; + } + + /* Show floating menu button on tablet */ + .floating-menu-btn { + display: flex; + } } @media (max-width: 768px) { @@ -311,10 +325,6 @@ margin: 0 10px; } - .nav-container { - display: none; /* Hide desktop nav on mobile */ - } - .mobile-menu-btn { display: block; } @@ -329,10 +339,6 @@ flex-grow: 1; } - .header-contact-section { - display: none; /* Hide contact info on mobile - it will be in sidebar */ - } - .logo { width: 60px; } @@ -349,11 +355,6 @@ .banner-container { height: 300px; } - - /* Show floating menu button on mobile */ - .floating-menu-btn { - display: flex; - } } @media (max-width: 576px) { diff --git a/views/components/sidebar/sidebar.css b/views/components/sidebar/sidebar.css index 20146ce..4aff720 100644 --- a/views/components/sidebar/sidebar.css +++ b/views/components/sidebar/sidebar.css @@ -108,7 +108,7 @@ } /* Media Queries for Sidebar */ -@media (max-width: 768px) { +@media (max-width: 992px) { .floating-menu-btn { display: flex; }