derderic
Reputation: 35
overflow-x: hidden doesnt work in mobile view
I have an animated Burger Menu in the mobile view, which slides from right to left into the screen. With overflow-x: hidden the inactive Menu shouldnt be seen in the page. In the normal view (smaller browser windows) it works. But in the mobile view (on my phone or mobile view in browser), after first click on the burger menu, it allows me to scroll right to the space from the "hidden" menu background.
See screenshot
I have a live view of my page, so maybe its better for you to understand instead of posting the whole website code here. I didnt wanted to post only the footer code, as im not sure if maybe its related to something else in the body.
Upvotes: 3
Views: 105
Answers (1)
Related Questions
- Overflow-x:hidden; on mobile device not working
- Overflow-x:hidden doesn't prevent content from overflowing in mobile browsers
- overflow-x:hidden not working on iPhone
- Trying to use the overflow-X: "hidden"; but it doesn't working in the mobile screens
- Overflow-x:hidden doesn't stop content from overflowing on mobile browsers
- `overflow:auto` doesn't hide scrollbar in mobile view
- Overflow-x: hidden; not working on android devices
- Overflow:hidden not working on mobile browser
- Hidden overflow showing in mobile browser but not in Desktop Browser
- Overflow:hidden not working in safari browser