When using the website on mobile view, the hamburger(mobile) navigation menu opens correctly.
However, when a user clicks on any navigation link(e.g., Basics, Projects, Spaces), the page navigates but the navbar remains open.
The user must manually close the menu using the close(✖) icon, which seems to be not ideal UX behaviour.
Screenshot:
Screen Recording:
Screen Recording.zip
Suggested Fix
- On clicking any navbar link:
-
Remove the open/active class from the mobile menu
-
On Programmatically close the navbar using JS.
Environment:
- Device : Mobile(Chrome DevTools-Responsive Mode)
- Browser: Google Chrome
- OS: Windows