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

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions