Stop Sideways Scrolling on Phones
Prevents the whole page from scrolling sideways on phones when a wide image, embed or full-width block sticks out a few pixels past the screen edge.
Opens WPIDE on
Code
html,
body {
overflow-x: clip;
}Notes
Uses overflow-x: clip, which does not break sticky headers the way overflow: hidden does. It hides the symptom; check which element is too wide if you can.
How to add this snippet
- Install WPIDE on your WordPress site (it is free) and open Code Snippets.
- Use snippet above adds it from the library in one click. Or copy the code into a new snippet with the same code type.
- It is added inactive: review the code and settings, then switch it on.