Why is my website cut off or sliding sideways on phones?
Last updated October 5, 2026
You open your website on your phone and it wobbles from side to side, or the right-hand edge is cut off. Prices, buttons or your phone number may be hidden past the edge of the screen, and many visitors never find them.
What’s going on
Phones are narrow: to a web page, most phone screens are about 360 to 430 pixels wide. When anything on a page is wider than that, the whole page becomes wider than the screen. The browser then lets the page slide sideways, or zooms out so everything looks tiny.
The usual culprits:
- A table, like a price list or opening hours, with a fixed width.
- An image or video set to an exact width instead of “fit the screen”.
- A long word or web address that can’t wrap onto the next line.
- A slider or animation that places items just off-screen before sliding them in.
- A page builder block given a fixed width on desktop that never got a phone setting.
How to find it
On your phone, scroll slowly down the page and watch the right-hand edge. The point where the page starts to slide is usually where the wide element is. On a computer you can also make your browser window very narrow and watch for the same thing.
How it’s usually fixed
- Tables: let them scroll inside their own box, or stack the rows on small screens.
- Images and videos: set them to a maximum width of 100%.
- Long words and addresses: allow them to break onto the next line.
- Page builders: most have a phone preview where you can set widths for small screens.
Check the rest of your pages afterwards; the same template is often used on many of them.