Bug: Menu Bar Causes Horizontal Scrolling on Mobile

[himanshukandari14]

When opening the menu bar on mobile, a sheet is triggered that causes the entire site to become horizontally scrollable. This affects the user experience by allowing unwanted horizontal movement.

Steps to Reproduce

• Open the website on a mobile device.
• Click on the menu button to open the navigation.
• Observe that a horizontal scrollbar appears, allowing unintended side-scrolling.

Expected Behavior

• The menu should open without causing horizontal scrolling.

The rest of the page should remain fixed while the menu is open.
Actual Behavior
The menu causes a horizontal overflow, making the whole site scroll sideways.

Screen.Recording.2025-02-04.130605.mp4

I am taking up this issue for a fix. I will investigate and implement a solution.

Self-Assignment: @himanshukandari14

[Vamsi-yvk63]

Possible Fix: Change width: 100vm to width: 100%
I noticed that width: 100vm is being used. This might be a typo because 100vm is not a valid CSS unit. You might want to try width: 100% instead.
Let me know if this helps!