Fix nav breakpoint + topbar wrap on narrow screens

- Raise mobile nav breakpoint from 1023px to 1199px -- desktop nav needs 1200px+ (container max) to fit 7 links + phone + CTA without clipping - Topbar: truncate text with ellipsis on <=600px to stay within fixed 44px height Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
2026-05-31 15:46:38 +02:00
parent b94b66205f
commit 6a0f351dc2
2 changed files with 9 additions and 4 deletions
@@ -51,8 +51,14 @@
 body.has-topbar #site-header { top: 44px; }

@media (max-width: 600px) {
-  #promo-topbar-text { font-size: 0.72rem; }
  #promo-topbar { gap: 0.5rem; }
+  #promo-topbar-text {
+    font-size: 0.72rem;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    text-align: left;
+  }
 }

 /* Popup */