From 562bfdaf828d1e67e77a8fba7015e253f40627f5 Mon Sep 17 00:00:00 2001 From: Jason Staack Date: Sun, 15 Mar 2026 18:35:27 -0500 Subject: [PATCH] fix(website): reduce nav links on mobile to prevent overflow - At 768px: hide Architecture and Screenshots links - At 480px: show only Docs, Blog, and Get Started CTA Co-Authored-By: Claude Opus 4.6 (1M context) --- docs/website/style.css | 16 +++++++++++++--- 1 file changed, 13 insertions(+), 3 deletions(-) diff --git a/docs/website/style.css b/docs/website/style.css index e6471d3..cd00b52 100644 --- a/docs/website/style.css +++ b/docs/website/style.css @@ -1722,7 +1722,7 @@ ul, ol { padding: 24px; } - /* Nav links */ + /* Nav links — hide Architecture and Screenshots on tablet */ .nav-links { gap: 16px; } @@ -1731,6 +1731,11 @@ ul, ol { font-size: 13px; } + .nav-link[href*="architecture"], + .nav-link[href*="screenshots"] { + display: none; + } + /* Footer */ .footer-inner { flex-direction: column; @@ -1812,11 +1817,16 @@ ul, ol { padding-top: 24px; } - /* Nav hide on very small */ - .nav-links .nav-link:not(.nav-link--active):not(:first-child):not(:last-child) { + /* Nav — on very small screens keep only Docs, Blog, and CTA */ + .nav-links .nav-link { display: none; } + .nav-links .nav-link[href*="docs"], + .nav-links .nav-link[href*="blog"] { + display: inline; + } + .nav-links { gap: 12px; }