StabilityNexus / StabilityNexus/Tectonic-EVM-WebUI
fix: Make Navbar and full website responsive across all screen sizes
Open
@JANAKIRAM218 is already working on this.
Since Sep 2, 2026.
bug
enhancement
good first issue
- Dominant language
- TypeScript
- Stars
- 6
- Forks
- 6
- PR merge metrics
- No merged PRs in 30d
Description
Bug Description
The site is not fully responsive on mobile and tablet viewports.
Steps to Reproduce
- Open the site in a browser (or DevTools).
- Resize the viewport to < 640 px wide (mobile) or 640–768 px (tablet).
- Observe:
- On mobile: the hamburger menu appears but the Connect Wallet button is absent (hidden via
hidden sm:blockwith no equivalent inside the mobile drawer that handles very small screens). - The wallet info dropdown (
w-72) clips out of the screen on narrow viewports. - Page sections overflow horizontally, producing a horizontal scrollbar.
- On mobile: the hamburger menu appears but the Connect Wallet button is absent (hidden via
Logs and Screenshots
| Image 1 | Image 2 |
|---|---|
Environment Details
- Tested on: Chrome DevTools mobile emulation (iPhone SE 375 px, Galaxy S20 360 px)
Impact
Medium - Feature works but has issues
Code of Conduct
- I have joined the Discord server and will post updates there
- I have searched existing issues to avoid duplicates
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.