fix: navbar and secondary nav styling improvements

- Show EKS Workshop title at all viewport widths (remove display:none between 997-1250px)
- Make secondary nav sticky below the navbar
- Collapse locale dropdown into hamburger menu on mobile

Author: svennam92

website/src/components/SecondaryNav/styles.module.css

@@ -7,8 +7,9 @@
   align-items: center;
   gap: clamp(0.3rem, 1vw, 0.75rem);
   font-size: clamp(0.75rem, 1.5vw, 0.9rem);
-  position: relative;
-  z-index: 1;
+  position: sticky;
+  top: var(--ifm-navbar-height);
+  z-index: 99;
   overflow-x: auto;
   overflow-y: hidden;
   white-space: nowrap;

website/src/css/custom.scss

@@ -280,8 +280,10 @@
 }
 
 /* Keep the locale dropdown and GitHub link visible on desktop */
-.navbar__items--right .navbar__item {
-  display: flex;
+@media (min-width: 997px) {
+  .navbar__items--right .navbar__item {
+    display: flex;
+  }
 }
 
 /* Show navbar items only in mobile sidebar */
@@ -295,10 +297,6 @@
 
 /* docusaurus switches to mobile view at 996px */
 @media (min-width: 997px) and (max-width: 1250px) {
-  .navbar__brand .navbar__title {
-    display: none; /* Hide the navbar title */
-  }
-
   .navbar__items {
     max-width: 80%;
   }