Skip to content

Improve Mobile Navigation UX with Close-on-Click and Smooth Scroll #158

@oxBinaryBrain

Description

@oxBinaryBrain

Hi Cruip team 👋,

I'd like to propose a small UX improvement for the mobile navigation in the Open React Template:

Problem:
On mobile view, after selecting a navigation link, the menu stays open. This can:

Obstruct the view

Require an extra tap to close the menu

Feel less smooth during navigation

Suggested Fix:
Automatically close the mobile menu (isMenuOpen = false) when a nav link is clicked

Use scrollIntoView or react-scroll to smoothly scroll to the linked section

Benefits:
Smoother user experience

Cleaner, more intuitive mobile interaction

Consistent with modern single-page application behavior

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