[BUG]: Incomplete Mobile Navigation – Features Truncated on Small Screens
- Dominant language
- JavaScript
- Stars
- 13
- Forks
- 36
- PR merge metrics
- No merged PRs in 30d
Description
**Describe the bug**
In the mobile version of the EDGE**x** website, the sidebar navigation cuts off some of the feature items (e.g., “VoiceFeedback” & "Resource Valut"), preventing users from seeing or accessing them easily. This creates a poor user experience on small devices.
**Steps To Reproduce**
Steps to reproduce the behavior:
1. Open the site on a mobile device or emulator.
2. Open the sidebar menu.
3. Observe that lower menu items are not fully visible or accessible.
**Expected behavior**
All navigation items should be fully visible on mobile, either by fitting within the screen or by allowing vertical scroll.
**Proposed Solution**
- Apply `overflow-y: auto` and `max-height: 100vh` to the sidebar container.
- Ensure layout is mobile-friendly using media queries.
- Test on real devices and emulators to ensure all items are visible and scrollable.
**Screenshots**
📱 Mobile View (Issue visible):

💻 Desktop View (Expected behavior):
Contributor guide
Assessment
This issue has not been assessed yet.