[style]: Improve Mobile Hamberger Menu Positioning and Fix Z-Index Overlap

[rajveeerr]

What's the style idea?

On mobile devices, certain elements like images overlap the hamberger menu, affecting its visibility and functionality. To resolve this issue, we need to improve the positioning of the hamberger menu and adjust the z-index to ensure it stays on top of other elements.

Tasks:

1. Adjust the positioning of the hamburger menu for better alignment on mobile devices.
2. Fix the z-index of the hamburger menu so it consistently appears above images and other content.
3. Test across different screen sizes and devices to ensure the fix works universally.

This improvement will enhance the overall user experience, especially on mobile platforms.

Add screenshots

Screenshots

Code of Conduct

• I agree to follow this project's Code of Conduct

[github-actions]

Hello @rajveeerr!
Thank you for raising this issue.

Please make sure to follow our Contributing Guidelines.
Don't forget to ⭐ our Imagine AI.

Our review team will carefully assess the issue and reach out to you soon!
We appreciate your patience!

[github-actions]

To reduce notifications, issues are locked. Your issue will be unlocked when we add the label, gssoc23.

[SurajPratap10]

Go ahead ✌