[BUG] Navbar Z-index and navbar handler

[Hemraj-7]

Description

Navbar is not working well in the mobile phone. means it's z-index less than pictures z-index and when we click on any menu hamburger menu is don't close.

Watch this problem 👇

https://github.com/user-attachments/assets/8c35dbff-64ea-45ac-88a4-922e4946334d

I want to do this work.

1. handle the hamburger menu (navbar) when any list item is clicking then the hamburger menu is closed.
2. increase the z-index of navbar so it is showing always on the top of the page
3. and some other task to make it responsive.

Assign me this task. Thank you

What browser are you seeing the problem on?

Chrome

Checklist

• [X] I have checked the existing issues.
• [X] I have read the Code Of Conduct
• [X] The changes don't break the code
• [X] Please attach the screenshots and video of the development work once it is done

[github-actions[bot]]

Congratulations, @Hemraj-7! 🎉 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