Mobile Version Overflow in Y Direction – Footer Elements Causing UX Issues

[rajveeerr]

Is there an existing issue for this?

• [X] I have searched the existing issues

Describe the bug

The mobile version of the site is not functioning properly due to overflow in the Y direction, which is caused by the footer elements. This issue is negatively impacting the user experience (UX), as users have to scroll unnecessarily.

Steps to Reproduce:

1.  Open the website on a mobile device or in a mobile view (DevTools).
2.  Navigate through the site.
3.  Observe the extra space at the bottom due to the footer elements causing overflow.

Additional Information:

•   The overflow in the Y direction caused by the footer elements is depreciating the overall user experience. This issue should be resolved to ensure seamless navigation and better mobile usability.

Expected behavior

The mobile version should be fully responsive without any overflow issues. The page should fit the screen size properly, and users should not experience unnecessary scrolling.

Add ScreenShots

What browsers are you seeing the problem on?

No response

Record

• [X] I have read the Contributing Guidelines
• [X] I'm a GSSOC'24EXTD contributor
• [X] I have starred the repository

[github-actions[bot]]

Hi there! Thanks for opening this issue @rajveeerr!. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible.

[Anjaliavv51]

@rajveeerr go ahead create a PR.