[Feat] Navbar is not Mobile Responsive

[IkkiOcean]

Description

As I was scrolling through the website I found that we can access the navbar toggle button (which is supposed to be only present in mobile or small screen) is visible which leads to two navbers present at a time on the site

I propose to make the navbar responsive for all screen size and prevent problems like this in future.

Screenshots

https://github.com/user-attachments/assets/315b2424-7ce9-474b-a1a2-9f916bf37776

Checklist

• [X] I have checked the existing issues
• [X] I have read the Contributing Guidelines
• [X] I'm a GSSoC'24-Extd contributor
• [ ] I'm a Hacktoberfest'24 contributor
• [X] I am willing to work on this issue (optional)

[github-actions[bot]]

Hello IkkiOcean, Thanks for opening an issue in HelpOps-Hub! 🚀

• Please make sure to follow our Contributing Guidelines.

• Hope you star our Repo.

• Join our official Discord server, where we can collaborate and discuss how to make HelpOps-Hub even better and more professional.

• Don’t forget to follow us on LinkedIn!

[mdazfar2]

@IkkiOcean I don’t understand exactly what you’re trying to say. In the screen recording you shared above, you just open and close the navbar, which doesn’t clarify your point. Please explain it in more detail.

[IkkiOcean]

@IkkiOcean I don’t understand exactly what you’re trying to say. In the screen recording you shared above, you just open and close the navbar, which doesn’t clarify your point. Please explain it in more detail.

there is option to open mobile navbar even in the desktop. that's two navbar in the application at the same point. there should be only one. it works for other screen sizes but not responsible for all

[mdazfar2]

there is option to open mobile navbar even in the desktop. that's two navbar in the application at the same point. there should be only one. it works for other screen sizes but not responsible for all

Again I am not understand @IkkiOcean

[IkkiOcean]

@mdazfar2

As you can see there are two navbars present on the screen. one vertical and one horizontal. vertical one should be there only if the device is a mobile device or the screen size is too small for horizontal one. But both navbars are present at the same time even tho it should be only horizontal navbar

[mdazfar2]

Óhw, now I understand @IkkiOcean. Thanks for acknowledging. You are going to be assigned now.