Events Page Dropdown Overlaps Hero Section

[SandeepVashishtha]

Description

The Events page navigation dropdown overlaps the hero/banner section when opened. The dropdown remains visible on top of page content, creating a broken visual experience and reducing readability.

Additionally, the hero section itself feels overcrowded, with the search component, trending tags, CTA buttons, and statistics cards competing for attention.

Current Behavior

• Navigation dropdown appears on top of the hero banner.
• Dropdown content visually clashes with page elements underneath.
• Hero section contains too many floating elements.
• Search box and trending tags consume excessive vertical space.
• Statistics cards appear disconnected from the rest of the layout.
• Overall page feels crowded and lacks clear visual hierarchy.

Expected Behavior

• Navigation dropdown should appear above content without causing layout conflicts.
• Hero section should maintain proper spacing and visual balance.
• Search, trending tags, CTAs, and statistics should follow a clear hierarchy.
• Users should immediately understand the primary action on the page.

Screenshots

Current UI:

Proposed Improvements

Fix Dropdown Behavior

• Ensure proper z-index layering.
• Close dropdown when navigating or scrolling.
• Prevent dropdown from overlapping critical content areas.
• Improve dropdown positioning and spacing.

Hero Section Revamp

• Simplify hero content hierarchy:
  1. Title
  2. Subtitle
  3. Search Bar
  4. Primary CTA
• Move trending tags below the fold or into a separate section.
• Reduce hero height and excessive spacing.
• Improve contrast and readability of background elements.

Statistics Section

• Move stats cards below the hero.
• Add consistent spacing and alignment.
• Reduce card size and visual weight.

Acceptance Criteria

• Navigation dropdown no longer overlaps page content.
• Proper z-index hierarchy across navbar and hero sections.
• Hero section has improved visual hierarchy.
• Search bar remains the primary focus.
• Trending tags no longer clutter the hero area.
• Statistics cards are repositioned and better integrated.
• Layout works correctly on desktop, tablet, and mobile devices.

[Tanmoysahacodes]

/assign
I can work on this !

[github-actions]

Hi @Tanmoysahacodes, please wait 6h before claiming this issue again (cooldown active).

[Avani176]

/assign

[github-actions]

Thanks for opening this issue.

If you want to connect with the Eventra community or follow updates, please join our Discord server:
https://discord.gg/6MQ9r5nHT

We will review your issue as soon as possible.

[github-actions]

Hi @Avani176, please wait 6h before claiming this issue again (cooldown active).