Skip to content

CE: Add hamburger menu to landing page mobile nav#279

Merged
ericflo merged 1 commit intomainfrom
ce/landing-mobile-nav
Apr 12, 2026
Merged

CE: Add hamburger menu to landing page mobile nav#279
ericflo merged 1 commit intomainfrom
ce/landing-mobile-nav

Conversation

@ericflo
Copy link
Copy Markdown
Owner

@ericflo ericflo commented Apr 12, 2026

What

Add mobile hamburger menu to the standalone landing page nav to fix overflow on narrow viewports.

Why

Landing page nav links overflow and overlap on mobile (390px). All other pages use page_shell which already has a hamburger menu (added in PRs #274/#278). The landing page uses a standalone nav that missed this treatment.

Changes

  • Added .nav-hamburger button (3-line icon) to nav, hidden on desktop
  • On mobile (<=768px): nav links collapse into a vertical dropdown, toggled by the hamburger
  • Hamburger animates to X when open (matches page_shell pattern)
  • Dropdown sits above page content with z-index
  • Added aria-label for accessibility

Test

  • Visual: mobile viewport at /
  • cargo clippy + cargo test pass

@ericflo ericflo merged commit 4a06504 into main Apr 12, 2026
12 checks passed
@ericflo ericflo deleted the ce/landing-mobile-nav branch April 12, 2026 13:14
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