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.

https://github.com/user-attachments/assets/4ce97d63-81ae-47df-82fd-96d0ca31fad3

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!