Mobile converts worse than desktop almost everywhere, and some of that gap is genuinely structural — phones carry more casual browsing, more interrupted sessions, more research that finishes on a laptop later.
But the typical gap is much wider than that explains.
The causes, in order
The page was laid out for a desktop. The pack selector, the price and the review count sit above the fold at 1440px and three screens down on a phone. This is the single most common cause and the most expensive.
It is slow on a real device. Mobile hardware and mobile networks are both worse than what you test on. Speed hurts mobile disproportionately.
Tap targets are too small or too close. Variant swatches designed for a mouse pointer. A mis-tap that adds the wrong size is an order you lose and a return you pay for.
Forms are painful. Wrong keyboard types, no autofill, no address lookup. Every one of those adds friction at the exact moment someone is deciding whether this is worth the effort.
Sticky things eat the screen. A header, a cookie banner, a promo bar and a chat widget can leave a phone user with a third of the viewport.
Chat widgets are the most frequent offender we find. On a small screen the bubble frequently covers the add-to-cart button on exactly the products people are most interested in.
What to do
Design the mobile product page deliberately. Decide what is above the fold on a phone rather than letting it fall out of the grid. The answer is almost always: title, price, the buying choice, and the review count.
Put a sticky add-to-cart on mobile. So the action is always reachable regardless of scroll position.
Audit everything that floats. Every fixed element earns its place or goes.
Test on a real phone. Not the browser emulator. A physical mid-range Android on mobile data.
How to know if your gap is abnormal
Compare mobile and desktop conversion as a ratio. If mobile is converting at roughly half of desktop, that is broadly typical. At a third or less, something specific is wrong and it is findable.
Then split further: is mobile losing people at add-to-cart, or at checkout? Those have different causes. Add-to-cart is a product page problem. Checkout is usually forms and payment methods.
Talk it through
Send us your mobile and desktop conversion rates.
Those two numbers plus your store URL tell us whether the gap is normal or whether the mobile experience is costing you — and exactly where.
Get a readA real read within one business day — not a sales call.
About the author
Manpreet Singh
Manpreet Singh is the founder of Proscube, an ecommerce growth studio. He leads the studio's Shopify and Shopify Plus engineering, headless builds, CRO, and its work on AI engine optimization, and writes its guidance on how to grow a DTC brand without wasting money. He works directly with founders — no account-manager layers between you and the people doing the work — and would rather tell a client not to build something than sell them work they don't need.
More about Manpreet
