🐞 [BUG] - Navbar Responsiveness Issue When Changing Dimensions from Mobile to Desktop

[BhavinRaichura]

Description

I encountered a bug on website where the background of the mobile navbar remains visible when switching from mobile to desktop view. The problem occurs when the mobile navbar is active, and the user switches to a desktop device with a larger screen size.

Current behaviour

Upon switching from mobile to desktop view, the background of the mobile navbar remains active, causing an overlay over the desktop content.

Expected behaviour

• When transitioning from mobile to desktop view, the mobile navbar's background should be removed, allowing the content to be fully visible and accessible.
• The desktop navbar, should display correctly without any remnants of the mobile navbar's background.

Reproduction steps

1. Go to home page
2. Change browser width for mobile view
3. Click on navbar
4. Change browser width for desktop view
5. See error

Screenshots

Mobile view Change browser width for desktop view

Upon switching from mobile to desktop view, the background of the mobile navbar remains active, causing an overlay over the desktop content.

Logs

No response

Browsers

Firefox

OS

Linux

Are you contributing for a program ?

Other

Code of Conduct

• [X] I have read and agree to the Contributing Guidelines of this project.

[github-actions[bot]]

Hello @BhavinRaichura! Thank you for raising this issue.

Please make sure to follow our Contributing Guidelines. 💪🏻 Don't forget to ⭐ our Project-Amupedia. 📔

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

[github-actions[bot]]

This issue is stale because it has been open for 14 days with no activity.

[github-actions[bot]]

This issue was closed because it has been inactive for 7 days since being marked as stale.