Skip to content

🐞[Bug]: Dashboard Hamburger menu icon fixed and overlaps with other UI elements on small screens #822

@sheikhlimon

Description

@sheikhlimon

Is there an existing issue for this?

  • I have searched the existing issues

Describe the bug

The hamburger menu icon overlaps with other elements in the header (e.g., logo, text, or buttons) when viewed on smaller screens or specific resolutions.

Steps to Reproduce:

  1. Open the app/website in a browser.
  2. Resize the window to mobile or tablet width (e.g., ≀768px).
  3. Observe the header area β€” the hamburger icon overlaps navigation and is fixed in a position in the Dashboard

Expected behavior

The hamburger menu should remain clearly visible and separated from other UI elements. It should either reposition or collapse correctly based on the viewport size.

Add ScreenShots

Image Image Image

What browsers are you seeing the problem on?

No response

Record

  • I have read the Contributing Guidelines
  • Are you a GSSOC'25 contributor
  • I want to work on this issue

Metadata

Metadata

Projects

Status

Todo

Relationships

None yet

Development

No branches or pull requests

Issue actions