My site displays badly on mobile
Most visits to an online shop now happen on a phone, and that is where display faults cost the most. The good news: the causes are few, they can be recognised by eye, and most are fixed in the stylesheet without touching the rest of the site.
Four faults, four causes
- The page shifts sideways and can be dragged horizontally: one element is wider than the screen, almost always a table, an image or a block with a fixed pixel width.
- Text is tiny and needs zooming: the viewport tag is missing or badly set in the template.
- Buttons touch each other and you tap the wrong one: tap targets are too small, a spacing fault more than a layout one.
- The menu does not open, or opens and will not close: that is a script problem, not a style one.
Horizontal overflow, fault number one
A single over-wide element is enough to shift the whole page, and it is often invisible: a banner image imported at full size, a product specification table inherited from a page pasted out of a word processor, an embedded video with a fixed width, or a promotional block added by a module.
Finding it is simple and needs no paid tool: open the page on a computer, narrow the window down to phone width, and watch when the horizontal scrollbar appears. The guilty element is the one sticking out at that precise moment. On a shop, nine times out of ten it is content entered in the admin, not the theme.
Slow on mobile and broken on mobile are two subjects
They get confused because they show up together. A two-megabyte image displayed in a three-hundred-pixel frame does not break the layout, but it makes the page painful on a mobile connection, and it shifts content while loading — which page experience metrics penalise.
- A layout fault is fixed in the stylesheet: bounded work, measurable in hours.
- A mobile performance fault means reworking images, third-party scripts and loading order: a separate project.
- A touch ergonomics fault is a design decision, not a technical correction.
Carry on with the right page
-
CSS and responsive bugs after a theme change
If the faults appeared with a new PrestaShop theme.
-
Page builder breaking the layout
The common WordPress case, when the layout comes from a visual editor.
-
Optimising product images
If the issue is image weight rather than framing.
-
Core Web Vitals
What page experience metrics actually measure on mobile.
Describe your need in one minute
A few targeted questions so I can reply with an estimate rather than another questionnaire.