Skip to content

Commit f27d229

Browse files
committed
Fix top nav links hidden on mobile
The mobile breakpoint hid every nav link except the CTA via .nav-links a:not(.nav-cta){display:none} with no menu fallback, leaving the top links invisible on phones. Keep the links visible by letting the nav wrap them onto their own centered row.
1 parent 053ce15 commit f27d229

2 files changed

Lines changed: 6 additions & 1 deletion

File tree

css/base.css

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -56,7 +56,6 @@ img { max-width: 100%; display: block; }
5656
.hero h1 { letter-spacing: -1.6px; }
5757
.hero p { font-size: 17px; }
5858
.section { padding: 48px 0; }
59-
.nav-links a:not(.nav-cta) { display: none; }
6059
}
6160
@media (max-width: 480px) {
6261
.hero h1 { letter-spacing: -1.2px; }

css/nav.css

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29,3 +29,9 @@
2929
transition: opacity 0.15s;
3030
}
3131
.nav-cta:hover { opacity: 0.85; }
32+
33+
/* Mobile: keep top links visible by wrapping them onto their own row */
34+
@media (max-width: 768px) {
35+
.nav-inner { flex-wrap: wrap; height: auto; padding: 10px 16px; row-gap: 10px; }
36+
.nav-links { width: 100%; flex-wrap: wrap; justify-content: center; gap: 12px 18px; }
37+
}

0 commit comments

Comments
 (0)