How to check your Shopify store on mobile (the 5 things that break)
· 3 min read · Team BugRadar
A store can work perfectly in a desktop browser and still lose mobile shoppers. Many themes build the phone menu separately, and small screens leave less room, so a popup or a chat bubble can cover the one button that matters.
The 5 checks
- Open the menu (the ☰ icon) and tap every item, including the ones inside sub-menus. A link can be broken here and fine on desktop.
- Open a product and make sure nothing covers Add to cart: chat bubbles, "Get 10% off" popups, cookie banners, WhatsApp buttons.
- Pick an option (size, colour) and add to cart with your thumb, not a mouse. Tiny tap targets are easy to miss.
- Open the cart and check that checkout opens. Stop before paying.
- Scroll to the footer and tap your policy links and social icons.
Use a real phone
Your browser's mobile preview is a good start, but popups, app widgets and the phone menu behave differently on a real device. Check on your own phone at least once after every change.
If a popup covers Add to cart, look in that app's settings for a delay or a "don't show on product pages" option before removing the app.
Check both, every day
BugRadar opens your store every day in a desktop browser and in a mobile browser, and tells you which one broke, so a problem that only exists on phones doesn't go unnoticed.
- Why Shopify menu links break, and how to catch them before shoppers do
- The footer bug that sends shoppers to "Page not found" instead of Instagram
- When a missing product shows your homepage: Shopify soft 404s
- Your refund or shipping policy link opens "Page not found": the fix
- How to find broken links on your Shopify store (free)
- Links like /root_url or "javascript void(0)" in your Shopify theme
- What to check after you publish a new Shopify theme