From 7720396be29cbaf817f8af2f2ee48288a69e53c1 Mon Sep 17 00:00:00 2001 From: qcigano Date: Mon, 3 Aug 2026 01:43:59 +0200 Subject: [PATCH] =?UTF-8?q?Fix:=20Men=C3=BCpunkte=20in=20der=20Kopfzeile?= =?UTF-8?q?=20brachen=20bei=20mittleren=20Bildschirmbreiten=20um?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit "Über die Kreative" (und potenziell andere Menüpunkte) konnte bei mittleren Fensterbreiten (zwischen ca. 860-1100px) in eine zweite Zeile umbrechen — durch die kürzlich vergrößerte Kopfzeile plus den neuen Installieren-Button wurde es dort schlicht zu eng für die Hauptnavi. Fix: white-space:nowrap auf den Menüpunkten (bricht nie mehr um) + den Umschaltpunkt zum Hamburger-Menü von 860px auf 1100px angehoben, damit auf mittleren Breiten gar nicht erst versucht wird, alles nebeneinander reinzuquetschen, sondern rechtzeitig auf das kompakte Menü umgeschaltet wird. Geprüft: bei 1100px sauberer Wechsel zum Hamburger-Menü, kein Umbruch und kein horizontaler Überlauf mehr bei 1150-1600px. Co-Authored-By: Claude Sonnet 5 --- src/layouts/Layout.astro | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro index f3bbaa2..bfe7883 100644 --- a/src/layouts/Layout.astro +++ b/src/layouts/Layout.astro @@ -248,10 +248,11 @@ const p = (href: string) => `${localePrefix(lang)}${href}`; } .brand img { border-radius: 50%; } - .main-nav { display: flex; gap: 1.7rem; } + .main-nav { display: flex; gap: 1.7rem; flex-shrink: 0; } .main-nav a { font-size: 1.02rem; color: var(--c-text-muted); + white-space: nowrap; transition: color 0.2s var(--ease); } .main-nav a:hover { color: var(--c-accent); } @@ -320,7 +321,7 @@ const p = (href: string) => `${localePrefix(lang)}${href}`; color: var(--c-accent); } - @media (max-width: 860px) { + @media (max-width: 1100px) { .main-nav { display: none; } .hamburger { display: inline-block; } }