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) {

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;
   }