Short description of issue
Following a recent Shopify update, the mobile checkout layout has changed. The express payment buttons and checkout forms are now at the very top, while the order summary (the actual products in the cart) has been pushed all the way to the bottom. I want to move the order summary back to the top on mobile so customers can clearly see what they are buying first.
Reproduction steps
Open the store on a mobile device (or use mobile view in browser dev tools).
Add any product to the cart.
Proceed to the checkout page.
Scroll down to notice that the order summary and product details are placed at the very bottom of the page, below the payment and contact information sections.
Additional info
From a UX and conversion rate perspective, hiding the purchased items on mobile creates friction. Customers naturally want to verify their cart contents before entering their payment details. Is there a native setting within the new Checkout Editor to move the order summary back to the top on mobile devices, or is there a recommended workaround to achieve this layout?
What type of topic is this
General discussion
