GSMSTCSClub / GSMSTCSClub/GSMSTCSClub.github.io
Mobile navbar overflows
Nobody has claimed this yet.
- Dominant language
- HTML
- Stars
- 2
- Forks
- 4
- PR merge metrics
- No merged PRs in 30d
Description
**Describe the bug**
On smaller screen sizes, the user can swipe to the right and see the menu that slides in. This behavior is not intended.
**To Reproduce**
Steps to reproduce the behavior:
1. Go to the website
2. Open devtools
3. Open responsive mode and shrink down to a viewport that is 1000px or less
4. Swipe/scroll right
**Expected behavior**
The menu should be hidden until the user clicks the hamburger icon, at which point it slides in from the right.
**Additional context**
It seems like `overflow: hidden` should be the fix here, but I have applied it to the root HTML element without success.
Contributor guide
No contributing guide indexed for this repository
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.
Research direction
Start by reproducing the issue in responsive mode at a viewport of 1000px or less, then inspect the mobile navbar and its surrounding layout styles. Done means the menu cannot be reached by swiping or scrolling right while closed, but still slides in after the hamburger icon is clicked.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, html
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100