[BUG] : Mobile navbar toggle is unreliable (hamburger/close) #901
Description
Describe the bug.
On mobile, the menu icon sometimes doesn’t open the navbar because the button doesn’t toggle the menu state. Opening depends on detecting a click on the SVG itself, but taps often land on parts inside the SVG (like a <path> ), so the menu may not open reliably.
Expected behavior
- Tapping the hamburger button should always open the mobile menu.
- Tapping the cancel button should always close the mobile menu.
Screenshots
pressing the hamburger(precisely) doesn't work !!
Screen.Recording.2026-01-09.193114.mp4
How to Reproduce
- npm run dev Open http://localhost:3000
- Set viewport to mobile width (e.g., 700×800 or use Chrome DevTools device toolbar)
- click/tap directly on the hamburger bars precisely in top right (
not the whitespace around them). - menu often does not open (or open/close behavior is inconsistent)
🖥️ Device Information [optional]
- Operating System (OS):
- Browser:
- Browser Version:
👀 Have you checked for similar open issues?
- I checked and didn't find similar issue
🏢 Have you read the Contributing Guidelines?
- I have read the Contributing Guidelines
Are you willing to work on this issue ?
Yes I am willing to submit a PR!