Bug: Mobile navigation is completely broken without JS #476

New issue

Open

opened 2026-04-16 07:10:25 +00:00 by jjalangtry · 0 comments

jjalangtry commented

2026-04-16 07:10:25 +00:00

(Migrated from github.com)

Problem

The entire mobile nav is a Radix UI `Sheet` (off-canvas drawer) triggered by a hamburger `

## Problem The entire mobile nav is a Radix UI \`Sheet\` (off-canvas drawer) triggered by a hamburger \`<button>\` with no \`href\` or fallback. Without JS, the button does nothing — **mobile users have zero navigation on the site.** ## Affected File \`next/components/nav/Navbar.tsx\` (lines 397–538) ## Fix Add a \`<noscript>\` block inside the mobile nav section that renders a plain, always-visible \`<nav>\` with all navigation links as standard \`<a>\` tags: \`\`\`html <noscript> <nav> <a href="/">Home</a> <a href="/about">About</a> <a href="/events">Events</a> <a href="/mentoring">Mentoring</a>  </nav> </noscript> \`\`\`