Skip to content

fix(explore): Duplicate search bar and no transition on mobile search toggle #1291

Description

@harsh-791

What
On the /explore route, two search bars are visible simultaneously — the global navbar search bar from the layout and a page-level search bar in the hero section below the logo. This makes the page look cluttered and redundant.

Additionally, on mobile, tapping the search icon in the navbar causes the search bar to appear with an abrupt jump — there is no smooth transition or animation.

Steps to reproduce the behavior:

  1. Go to /explore
  2. On desktop: observe two search bars — one in the navbar, one below the logo in the hero section
  3. On mobile: tap the search (magnifying glass) icon in the navbar — the search bar pops in instantly without any transition

Expected behavior
Only one search bar should be visible on the /explore page — the one in the hero section below the logo
On mobile, the search bar toggle should have a smooth transition (slide or fade) instead of an abrupt jump

Screenshots

Image

Platform (Desktop, Mobile, Hunger Games)
OS: macOS
Platform: Desktop & Mobile (both affected)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels
    No fields configured for 🐛 Bug.

    Projects

    Status
    Done

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions