Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
[BUG] Horizontal scroll on mobile shows empty space
See original GitHub issueOn mobile if the user scrolls/swipes right they will see an empty space to the right of the content. This is very obvious on the main slider or a main product image but occurs everywhere.
We can fix this by adding the following CSS
html,
body {
overflow-x: hidden;
}
I suggest we create a new file to add this global css to, e.g. src/themes/default/css/layout.scss. Although the documentation says we should not create any new files in this directory?
Issue Analytics
- State:
- Created 6 years ago
- Reactions:6
- Comments:11 (2 by maintainers)
Top Results From Across the Web
[BUG] Horizontal scroll on mobile shows empty space #500
On mobile if the user scrolls/swipes right they will see an empty space to the right of the content. This is very obvious...
Read more >Fix unwanted horizontal scroll and whitespace with Overflow
Sometimes elements on a page can exist outside the viewport, and an unintended side effect can be horizontal or sideways scrolling that ...
Read more >How To Fix Horizontal Scrollbar on Mobile When Using ...
The horizontal scrollbar issue on mobile devices can be fixed by setting overflow to hidden. You can do this by using the Elementor...
Read more >Responsive mobile horizontal scroll issue - PageFly Manual
Sometimes when you see your pages on the mobile, the page ended up with an undesired extra space to the right. (It slides...
Read more >html - Inexplicable white space on right of web-page. Causes ...
meant that the page was pushed out to the right, resulting in the appearance of the horizontal scrollbar. The easiest solution is to...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
@rossmc very bad practice, cuz its a hack. Problem is more deep. In grid.
@pakiam Nice ! If you need some help, let me know. BTW this is sad, because PR with fixes are waiting, but author can’t accept it 😞