Fix: Optimize mobile navigation sidebar responsiveness

[nancy-verma780]

🐛 Bug Description

The mobile navigation sidebar overlaps with text contents and suffers from padding misalignment on smaller screen layouts (widths below 480px)

🎯 Expected Behavior

The sidebar navigation interface should scale fluidly and preserve proper padding layout alignments across all responsive design break points

💻 Proposed Solution

• Review the navbar styles file.
• Fix responsive spacing and alignment properties inside the media query layouts.

🙋‍♂️ Assignment Request

I am a GSSoC '26 contributor. Could a mentor please assign this issue to me (@nancy-verma780) and tag the official GSSoC labels? Thank you!

[github-actions]

Thanks for opening this issue! 🎉 We'll look into it as soon as possible, estimated time for response is 5–8 hrs.

Don't raise PR unless assigned to you.

In the meantime, please provide all necessary details and context to your issue — screenshots or videos of your changes help speed up the review and assignment. If you have questions, reach out to LinkedIn. Your contributions are highly appreciated!😊

Note: I maintain the repo issue every day twice at 8:00 AM IST and 9:00 PM IST. If your issue goes stale for more than one day, you can tag and comment on this same issue by tagging @sanjay-kv.

We are here to help you on this journey of open source. Consistent contributions are eligible for sponsorship 💰

🎁 check our list of amazing people we sponsored so far: GitHub Sponsorship. ✨

📚Resources which can help you know more about Github 👇🏻

1. End to End GitHub Beginner Playlist: GitHub Playlist.

2. Build your GitHub Profile: GitHub Profile Optimisation.

3. GitHub Handbook for dummies: GitHub Blog for Beginners.

[github-actions]

Thanks for opening this issue. To help maintainers review it faster, please add the missing details below:

• Steps to reproduce the bug
• Information about the environment (browser, device, OS)
• Screenshots or examples of the issue
• Any specific files or code snippets that are particularly relevant to the problem

[nancy-verma780]

🔍 Steps to Reproduce

[sanjay-kv]

@nancy-verma780 can you provide ss for easy understanding

[nancy-verma780]

Hi @sanjay-kv,

I have located the style configurations directly inside the repository! As shown in the screenshot above, the sidebar layout rules are grouped under the /* ===== UNIFIED SIDEBAR STYLING ===== */ banner.

The layout is currently missing specific responsive overrides for small mobile screens. Please assign this issue to me so I can add the required @media screen and (max-width: 480px) styles to fix the overlap and padding misalignment! Thank you!

[sanjay-kv]

@Adez017

[github-actions]

👤 Issue assigned to @nancy-verma780.