How to fix long vertical scrolling on mobile screens
How to fix long vertical scrolling on mobile screens
In this article:
An offer on the Checkout, Thank you or Order status page can contain several Product widgets. On phones this can make the page very long, and the customer has to scroll far to reach the order details. This article shows how to keep the offer short on small screens.
Why the page gets so long on mobile
On screens narrower than about 400 px, each Product widget shows the product image above the product details, stretched to the full width. So every product takes up almost the whole screen, and three Product widgets in a row make the customer scroll through three screens of offers.
Currently, you can't make the image smaller on such screens: the widget's image Size setting doesn't change this layout.
Show products in a slider instead
As a workaround, replace the Product widgets with one Collection or Recommended widget. These widgets show products in a slider. On small screens the customer sees one product at a time and can switch to the next one with the arrow buttons.
- Collection shows products from the collection you choose.
- Recommended picks products automatically from Shopify Recommendations, based on the products customers add to the cart.
- In ReSell, go to Funnels and open the funnel.
- Open the step with the offer (Checkout, Thank You or Order Status Page) and click Edit offer.
- Click Add widget and choose Collection or Recommended.
- For the Collection widget, click Change, select the collection and click Add.
- Delete the Product widgets you don't need anymore: click the widget and click Delete section.
- Click the Mobile view button at the top of the editor to check the result, then click Save.
Now the offer shows one product at a time on mobile, so the customer can quickly scroll down to the order details and use the arrows to see other products.
✔️ Next step
Check our articles to learn more about the app's functionality:
Updated on: 21/10/2026
Thank you!