Common symptoms
- Hamburger icon does nothing
- Menu opens behind the page
- Menu cannot be closed
- Link tap does not navigate
- Keyboard focus gets trapped
Mobile Menu Not Working? Trace Navigation State and Touch Behavior
Mobile navigation can fail because state does not update, an overlay blocks taps, focus is trapped, the menu renders behind another layer, or navigation does not reset after route changes. The visible hamburger icon alone does not prove the journey works.
Possible causes
- Broken state handler
- Z-index or overlay conflict
- Responsive breakpoint mismatch
- Missing route-close behavior
- Focus-management defect
Diagnose the exact failure before choosing a repair.
Genesis separates the visible symptom from the underlying technical cause. Run the supported diagnostic first, review the evidence, and then use a matching repair only when the failure is actually verified.
- Platform scope
- Floot, React, Next.js, WordPress, HTML/CSS/JavaScript
- Category
- Mobile & navigation
- Last updated
- 2026-09-13
Next step
Start with a free diagnostic. If Genesis verifies a problem and a compatible treatment exists, it will route you to the relevant Code Store product or repair path.
Run a Website Diagnostic