fix the nav for desktop

Signed-off-by: codeEvolveZenith345 <[email protected]>

Author: codeEvolveZenith345

docs/stylesheets/extra.css

@@ -676,87 +676,46 @@ a.md-header__button.md-logo img {
 /* Mobile and Tablet: up to 76.1875em (1220px) */
 @media screen and (max-width: 76.1875em) {
 
+  .md-header__inner .md-tabs__list {
+    display: none !important;
+  }
+  
   .md-header__topic:first-child {
     display: flex !important;
     opacity: 1 !important;
     transform: translateX(0) !important;
     transition: none !important;
-    pointer-events: auto !important;
   }
 
   .md-header__topic:last-child {
     display: none !important;
   }
 
-  .md-header__title {
-    display: flex !important;
-    flex-shrink: 1;
-    min-width: 0;
-  }
-  
   .md-header__title[data-md-component="header-title"] {
     visibility: visible !important;
   }
 
   [data-md-component="header"][data-md-state="shadow"] .md-header__topic:first-child {
     opacity: 1 !important;
     transform: translateX(0) !important;
-    z-index: 1;
-  }
-  
-  .md-header__inner {
-    display: flex;
-    align-items: center;
-  }
-}
-
-/* Tablet adjustments: 60em to 76.1875em (960px to 1220px) */
-@media screen and (min-width: 60em) and (max-width: 76.1875em) {
-  
-  .md-header__title {
-    max-width: 40%;
-    flex-shrink: 1;
   }
 }
 
 /* Small mobile: up to 30em (480px) */
 @media screen and (max-width: 30em) {
 
-  .md-header__button.md-logo {
-    padding: 0.2rem;
-  }
-  
   .md-header__button.md-logo img,
   .md-header__button.md-logo svg {
     width: 2.5rem;
     height: 2rem;
   }
 
+  /* Compact title */
   .md-header__title {
     font-size: 0.9rem;
   }
-  
-  .md-header__ellipsis {
-    margin-left: 0.2rem;
-    margin-right: 0.2rem;
-  }
-}
-
-/* Fix: Update existing 1024px media query for removed hardcoded navigation */
-@media (max-width: 1024px) {
-  [dir=ltr] .md-tabs__list {
-    margin-left: 0 !important;
-  }
 }
 
-/* Accessibility improvements */
-@media (prefers-reduced-motion: reduce) {
-  .md-header__topic {
-    transition: none !important;
-  }
-}
-
-/* Print styles - ensure title is visible */
 @media print {
   .md-header__topic:first-child {
     display: block !important;
@@ -766,4 +725,8 @@ a.md-header__button.md-logo img {
   .md-header__topic:last-child {
     display: none !important;
   }
+  
+  .md-header__inner .md-tabs__list {
+    display: none !important;
+  }
 }

overrides/partials/header.html

@@ -84,6 +84,35 @@
       {% include "partials/javascripts/palette.html" %}
     {% endif %}
 
+    <!-- Top Nav -->
+    <ul class="md-tabs__list mr-30">
+      <li class="md-tabs__item">
+        <a href="{{ config.extra.homepage | d(nav.homepage.url, true) | url }}" class="md-tabs__link">
+          Home
+        </a>
+      </li>
+      <li class="md-tabs__item">
+        <a href="/docs/" class="md-tabs__link">
+          Docs
+        </a>
+      </li>
+      <li class="md-tabs__item">
+        <a href="/about/testimonials/" class="md-tabs__link">
+          About
+        </a>
+      </li>
+      <li class="md-tabs__item">
+        <a href="/blog/" class="md-tabs__link">
+          Blog
+        </a>
+      </li>
+      <li class="md-tabs__item">
+        <a href="/community/" class="md-tabs__link">
+          Community
+        </a>
+      </li>
+    </ul>
+
     <!-- Site language selector -->
     {% if config.extra.alternate %}
       {% include "partials/alternate.html" %}