Skip to content

fix: prevent navbar from wrapping to 2 lines on mobile#15

Merged
Raigato merged 1 commit intomainfrom
fix/navbar-mobile-overflow
Mar 22, 2026
Merged

fix: prevent navbar from wrapping to 2 lines on mobile#15
Raigato merged 1 commit intomainfrom
fix/navbar-mobile-overflow

Conversation

@Raigato
Copy link
Copy Markdown
Owner

@Raigato Raigato commented Mar 22, 2026

Summary

  • Reduce nav horizontal padding from px-6 to px-3 sm:px-6 on mobile
  • Tighten right-side flex gap and toggle/CTA button padding at small viewports
  • Shorten CTA text to "CONTACT →" on mobile (full "GET IN TOUCH →" on sm+)
  • Fixes single-line navbar on 375px+ screens (iPhone SE and up)

Reduce horizontal padding, gaps, and CTA button padding on small screens.
Shorten CTA text to "CONTACT →" on mobile (sm: breakpoint) to ensure
the navbar stays on a single line on 375px+ viewports.
@Raigato Raigato marked this pull request as ready for review March 22, 2026 13:02
@Raigato Raigato merged commit 900fc10 into main Mar 22, 2026
4 checks passed
@Raigato Raigato deleted the fix/navbar-mobile-overflow branch March 22, 2026 13:03
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant