Skip to content

Responsive bug: mobile navbar does not auto-close after clicking menu items #186

Description

@Shrutir09

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:

Image

Screen Recording:

Screen Recording.zip

Suggested Fix

  • On clicking any navbar link:
  1. Remove the open/active class from the mobile menu
    
  2. On Programmatically close the navbar using JS.
    

Environment:

  • Device : Mobile(Chrome DevTools-Responsive Mode)
  • Browser: Google Chrome
  • OS: Windows

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions