[fix] : Adjusted the Menu DropDown the Navigation Top Bar

[Yashwanth1906]

What kind of change does this PR introduce?

🐛 Bugfix — fixes the scroll lock and layout shift issue when opening the navigation menu on mobile view.

Issue Number:

Closes #1484

Screenshots/videos:

N/A (functional CSS-level fix; visual change is subtle and responsive)

If relevant, did you update the documentation?

Not applicable — no changes required to documentation.

Summary

This PR addresses a scroll lock issue described in #1484, where opening the navigation menu in mobile view did not prevent background scrolling and caused a disjointed UX.

Fix implemented:

In Layout.tsx, adjusted CSS to:

Shift the content below the top bar downward when the navigation menu is opened.

Lock the scroll to prevent background movement while the menu is active.

Restore scroll after the menu is closed or a navigation option is selected.

This ensures a smoother and more predictable mobile interaction.

Does this PR introduce a breaking change?

No breaking changes — the fix is isolated to the responsive mobile layout.

[github-actions]

Hi @Yashwanth1906! Thanks a lot for your contribution!

I noticed that the following required information is missing or incomplete: kind of change description

Please update the PR description to include this information. You can find placeholders in the PR template for these items.

Thanks a lot!

[github-actions]

Hi @Yashwanth1906! Thanks a lot for your contribution!

I noticed that the following required information is missing or incomplete: kind of change description

Please update the PR description to include this information. You can find placeholders in the PR template for these items.

Thanks a lot!

[github-actions]

built with Refined Cloudflare Pages Action

⚡ Cloudflare Pages Deployment

Name	Status	Preview	Last Commit
website	✅ Ready (View Log)	Visit Preview	22800e5

[codecov]

Codecov Report

All modified and coverable lines are covered by tests ✅

Project coverage is 100.00%. Comparing base (1ac0817) to head (22800e5).

Additional details and impacted files

@@            Coverage Diff            @@
##              main     #1712   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files           18        18           
  Lines          448       448           
  Branches       116       116           
=========================================
  Hits           448       448           

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

🚀 New features to boost your workflow:

• ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
• 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

[Yashwanth1906]

@benjagm @idanidan29 Can u review this PR?

[Yashwanth1906]

@Utkarsh-123github Can I know what is unclear in this PR? So that I can make changes accordingly..

[Utkarsh-123github]

Hey @Yashwanth1906 , this PR is completely fine, actually I was adding the PRs to the PR board, so for the initial step I need to add all the PRs to unclear stage and then to Ready to review status. I'll make the changes by the EOD.