🐞 Navigation Bar Elements Misaligned and Clipped

[sammy0318]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

The navigation bar on the website has a display issue:

The "Contributor" text is partially cut off.
The toggle button on the right edge is clipped, especially on smaller screens .
This affects the visibility and usability of the navigation bar.

Expected behavior

The navigation bar should display all elements clearly and remain fully visible, regardless of screen resolution. All text (e.g., "Contributor") and interactive elements (e.g., toggle button) should align properly without being clipped or misaligned.

Add ScreenShots/Videos

On which device are you experiencing this bug?

Android, iPhone, Windows

Record

• I have read the Contributing Guidelines
• I'm a KWOC 2024 contributor
• I have starred the repository

@apu52 Please assign me this issue.

[github-actions]

Hello @sammy0318 Thank you for creating a new issue! 🎉 Your issue is currently under review.
Please wait till the issue is reviewed and assigned.

[github-actions]

Congratulations, @sammy0318! 🎉 Thank you for creating your issue. Your contribution is greatly appreciated and we look forward to working with you to resolve the issue. Keep up the great work!

We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines

[ALIA-HAIDER]

Hii @sammy0318 , I would like to contribute in this under KWOC 2024
Name - Alia Haider
GitHub Link -https://github.com/ALIA-HAIDER
Please assign this issue to me. I’m ready to handle it.

[apu52]

@sammy0318 i have already assigned u the issue , u can start working on it

[apu52]

Hii @sammy0318 , I would like to contribute in this under KWOC 2024 Name - Alia Haider GitHub Link -https://github.com/ALIA-HAIDER Please assign this issue to me. I’m ready to handle it.

this issue is laready assigned , but u can still make new issues on which u want to work on