[Bug]: Fix Mobile Menu Overlap

[suman20041]

Bug Description

On mobile devices, the dropdown menu overlaps with the site logo when open.

Steps to Reproduce

1. Open the site on a mobile viewport (or use browser dev tools).
2. Open the main navigation menu.
3. Observe the dropdown items.

Expected Behavior

The dropdown menu should push the content down or appear below the logo without overlapping it.

Actual Behavior

The dropdown menu overlaps the logo.

Browser

Chrome

Operating System

No response

Logs / Screenshots

No response

[github-actions]

Thanks @suman20041! 👋
Your issue is important — maintainers will take a look soon.

Before contributing, please note:
🔹 Make sure you check #23 – Important Contributing Guidelines for OpenSource Compass
🔹 PRs should be raised only after the issue is assigned

[suman20041]

@sayeeg-11 Can you please assign this issue to me ??