To raise mobile conversion rate, remove the friction a small touchscreen adds: keep the add-to-cart button within thumb reach (usually with a sticky bar), make the menu short and tappable, let shoppers swipe through product images easily, and make pages load fast. Those four areas account for most of the mobile wins in our database. Test each change on mobile traffic on its own, because what works on desktop often does not carry over.
This guide follows those four areas in order. Each section uses real results from the LiftArchive database, credited to the practitioners who ran the tests. They are results from individual stores, so treat them as ideas worth testing, not guaranteed lifts.
Why mobile converts lower than desktop
On most stores, mobile brings in most of the sessions but a smaller share of the orders. Our mobile vs desktop conversion rate benchmark breaks down how large that gap usually is and how to compare your own numbers.
Part of the gap comes from intent, not design. Many people browse on a phone during spare minutes and come back later on a laptop to buy. That part you can't fix, and it is why you should not expect mobile to match desktop.
The rest is friction you can remove. On a phone, shoppers see less of the page at once, tap with a thumb instead of clicking with a cursor, type on a small keyboard, and often browse on a slower connection. Every extra scroll, mis-tap or slow image costs more than it does on desktop.
A few habits help before you change anything:
- Segment by device. Look at mobile conversion rate, add-to-cart rate and revenue per visitor apart from desktop. A blended number hides the problem.
- Watch real sessions on a phone. Session recordings filtered to mobile show where people hesitate, mis-tap or bounce.
- Review your store on an actual phone, on cellular data, holding it in one hand. Desktop browser previews miss most of the problems.
- Run mobile-only tests when the change is mobile-specific, so desktop traffic does not dilute the result.
Thumb reach and sticky add-to-cart buttons
Most people tap with a thumb. In Steven Hoober's field study of 1,333 people using phones, 49% of those touching the screen held the phone in one hand, 36% cradled it in one hand and tapped with the other, and 15% used both hands. The bottom and middle of the screen are the easiest to reach. The top corners are the hardest.
That is why a sticky add-to-cart bar at the bottom of the screen is one of the most reliable mobile tests. Once a shopper scrolls past the main buy box to read reviews or details, the button scrolls away with it. A sticky bar keeps it in thumb reach.
Dave Diederen saw +11.67% CVR from a sticky add-to-cart bar that scrolls back to the main buy box when tapped. In another test, Dave Diederen added a sticky bar that scrolls to the top when a variant or bundle still has to be picked, and it brought in an estimated +$32,565/month. Both versions avoid a common mistake: adding a product without the shopper choosing a size or option.
Timing matters too. On a listicle landing page, Dave Diederen showed the sticky CTA bar at the first in-page CTA (about 30% scroll) instead of on scroll-up and saw +3.10% CVR.
Thumb reach also applies to the first screen of the product page. Oliver Kenyon moved social proof and the Add to Cart button into the first view on the mobile product page by tightening the spacing, and measured +$47,927/month. Oliver Kenyon also added an objection-handling review block below the CTA on mobile, worth +$63,735/month.
Tips for sticky bars and buttons on mobile:
- Show the bar only after the main add-to-cart button scrolls out of view, so shoppers never see two buttons at once.
- Include the price and selected variant in the bar, so the shopper knows what they are adding.
- Make buttons big enough to hit. WCAG 2.2 sets a minimum target size of 24 by 24 CSS pixels (Level AA). For your main buttons, go well beyond that.
- Check that the bar does not cover chat widgets, cookie banners or the cart drawer's checkout button.
See more examples on our sticky add-to-cart results page.
@oliverkenyon@oliverkenyon@oliverkenyon
@DaveDiederen@DaveDiederen@DaveDiederenMobile menus
On desktop, a menu is always visible. On mobile, it hides behind an icon, so whatever shows first when it opens does most of the selling. Navigation tests are some of the largest revenue results in our database, and many of them are mobile-only.
Oliver Kenyon ran several mobile menu tests across different stores:
- A full-screen mobile mega menu with larger tap targets: +$50,568/month.
- A mobile menu with search at the top, Clearance first with a 60% off label, and no dropdown: +$92,000/month.
- A mobile menu reordered by revenue per session, with a Best Sellers slider: +$48,607/month.
- A mobile menu with a best-seller carousel, categories reordered by revenue and an in-menu testimonial: +$48,332/month.
The common thread is clear. Put the categories that make the most money first, show products inside the menu, put search where the thumb can find it, and make every row easy to tap. Removing nested dropdowns also helps, since each extra tap is another chance to give up.
Cutting low-value links can help as well. Peter Christensen removed the "Track Order" link from the main navigation and saw +30% RPV. Shoppers looking for an order can still find it in the footer or account page.
Outside the menu, Oliver Kenyon tested Instagram-style category story bubbles above the mobile homepage hero (+$25,440/month), and a 2x2 grid of mobile collection cards with a quick add-to-cart button ($56,285/month). Both make browsing work with a thumb instead of fighting it.
Browse more menu tests on our navigation menus results page.
@oliverkenyon@oliverkenyon@oliverkenyon@oliverkenyon@oliverkenyon
@peterac_Image galleries
On a phone, the product gallery often fills the entire first screen. It is the first thing shoppers see and the main way they judge the product, so small changes to how it works can move revenue.
Gallery dots are a common weak spot. They are small, hard to tap and say nothing about what the other images show. Dave Diederen replaced mobile gallery dots with a scrollable thumbnail strip and saw +15.10% RPV. In a separate test, showing image thumbnails under the product gallery gave +6.06% conversion rate, and Oliver Kenyon's test that moved the urgency bar to the top and added mobile thumbnails returned +$24,000/month.
Swiping works on collection pages too. Dave Diederen let shoppers swipe through product image galleries directly on the collection page and saw +10.49% CVR. Kasper Dolk tested swipeable images on collection cards and reported a +€96,350 revenue lift at 97% confidence. Oliver Kenyon saw +$12,400/month from adding image swipe to collection page product cards.
The order of images matters as much as how they are browsed. Elevate A/B Testing moved the second product photo into first position, and RPV went from £3.32 to £3.60. Dave Diederen saw +10.26% CVR from testing a new first product image on the PDP.
Gallery ideas to test on mobile:
- Replace dots with a thumbnail strip or a "1 / 6" counter.
- Test which image goes first: product alone, product in use, or a lifestyle shot.
- Add images that answer questions, such as size, scale, ingredients or what is in the box.
- Let shoppers swipe on collection cards so they can compare without opening every product.
- Keep the gallery short enough that the price and add-to-cart button still show near the first screen.
Our product images results page has the full set, and the product page design guide covers what should sit under the gallery.
@oliverkenyon@DaveDiederen@DaveDiederen@DaveDiederen
@kasper_dolk
@elevate_abSpeed
Mobile shoppers feel slow pages the most, since phones have less processing power and often run on weaker connections. In a Deloitte study covered on Google's web.dev, a 0.1 second improvement in mobile site speed went with an 8.4% increase in retail conversions across the brands studied.
Google's Core Web Vitals give you clear targets. A page counts as "good" when, at the 75th percentile of visits, Largest Contentful Paint is 2.5 seconds or less, Interaction to Next Paint is 200 ms or less, and Cumulative Layout Shift is 0.1 or less. Check your mobile scores specifically, since they are usually worse than desktop.
How a page is built can matter as much as what is on it. Oliver Kenyon rebuilt a landing page natively in Shopify and tested it against the same page made in a page builder: the native version won with +9.9% conversion rate. Peter Christensen moved a $600+ AOV offer from SamCart to a PageDeck landing page and saw +20% CVR. The lesson is not that one tool always wins. Measure what your stack does to real load times and test it.
Common speed fixes for mobile stores:
- Compress and properly size images, and lazy-load anything below the first screen. Keep the first gallery image loading right away.
- Remove apps you no longer use. Many leave scripts behind on every page.
- Replace autoplay hero videos with a static image where it makes sense. Dave Diederen saw +52.67% RPV from replacing a homepage hero video with a static image and benefit callout.
- Reserve space for images, banners and pop-ups so the layout does not jump while it loads.
- Test themes, not just pages. Kasper Dolk tested a new theme with a BOGO offer against the old theme and measured +44.54% conversion rate, though the offer changed at the same time.
See more speed and theme tests on our themes and page speed results page.
Building mobile pages with a page builder
If you build product or landing pages with a page builder, you can design and preview the mobile layout separately. GemPages is one option for Shopify. Its pricing page lists a free plan with one published page, and paid plans from $29/month (Build), $59/month (Optimize) and $199/month (Enterprise) as of November 2026, with lower prices for annual billing. A/B testing runs through GemX, a separate product.
The downside: any builder adds code to the page, and Oliver Kenyon's test above shows a native page can beat a builder version. GemPages is not for stores whose theme already handles mobile well, or for teams with a developer who can build sections in the theme directly. If you use one, check your mobile Core Web Vitals before and after. Our PageFly vs GemPages comparison covers the trade-offs.
Where to start
If you have no mobile tests running yet, a sensible order is: add a sticky add-to-cart bar, replace gallery dots with thumbnails, reorder the mobile menu by revenue, then work on speed. Each one is a single change you can test on mobile traffic only and measure with revenue per visitor.