Skip to content

[Bug]: Home page UI layout broken on mobile viewports & duplicate hamburger menus #1798

@Shrutiii01

Description

@Shrutiii01

Issue Description:
Describe the bug
The home page suffers from several severe responsiveness issues on mobile viewports. There is no horizontal overflow, but vertical space alignment collapses completely. Text and section boundaries overlap heavily, leaving the footer/lower portions of the page partially cut off or completely illegible. Additionally, a persistent purple floating hamburger menu overlaps randomly with layout content alongside a second primary menu button.

To Reproduce
Open the Recode Hive home page.
Simulate a mobile viewport (or view on a mobile device).
Scroll down toward the lower sections and footer area.
Observe the text overlap (e.g., clipped text headers), massive layout alignment compression, and the duplicate purple mobile menu button obstructing content blocks.

Expected behavior
Elements should maintain strict vertical spacing and padding guidelines to prevent content collision on small screens.
The lower section and footer components should adjust their heights cleanly so all content and links remain fully visible and legible.
Only a single, dedicated mobile hamburger menu system should render.

Screenshots / Video

response.mp4

Metadata

Metadata

Assignees

Labels

Type

No fields configured for Bug.

Projects

Status
Done
Status
Q2 2026 – March-June

Relationships

None yet

Development

No branches or pull requests

Issue actions