Skip to content

Navbar Animation Not Smooth on Small Viewports #389

@janavipandole

Description

@janavipandole

Description: When opening the navbar on smaller screen sizes (e.g., mobile view), the transition feels abrupt and lacks smooth animation. This affects user experience and visual consistency across responsive breakpoints.

Steps to Reproduce:
Resize the browser window to a small width (e.g., ≤768px).
Click the hamburger icon to open the navbar.
Observe the animation behavior.

Expected Behavior:
The navbar should slide or fade in smoothly with a consistent transition effect, enhancing responsiveness and polish.
Actual Behavior: The navbar appears instantly or with a janky transition, making the UI feel less refined.

Environment:
Device: Mobile / Small-screen laptop
Browser: [Insert browser name/version]
OS: [Insert OS]

Image

Hi @maintainer, I'd like to work on this issue and implement a smoother navbar animation for small viewports. Assigning myself to ensure consistent UX and responsive behavior. Will follow semantic CSS and accessibility best practices.

Thanks!

Metadata

Metadata

Assignees

No one assigned

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions