Skip to content

Hamburger menu should be hidden on desktop view #904

@theEquinoxDev

Description

@theEquinoxDev

Description:

On the FOSSASIA landing page, the hamburger menu icon appears even on laptop/desktop screens, while the full navigation bar is also visible.
For proper responsive behavior:

  • Desktop/Laptop (≥1024px): Only the full navigation bar should be visible

  • Mobile (<1024px): Only the hamburger menu should be visible

Currently, both are visible at the same time on desktop.

Steps to Reproduce:

Open the landing page on a laptop or desktop browser. Link
Observe that both the navbar links and the hamburger menu icon appear simultaneously.

Expected Behavior:

On larger breakpoints, the hamburger menu should be hidden.

Actual Behavior:

Hamburger menu remains visible even at desktop widths.

Screenshots:

Image

If this is confirmed as an issue and you’d like me to work on it, please let me know, I’d be happy to submit a PR.

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