Dynamic checkout buttons (Shopify’s accelerated payment options like Apple Pay/Google Pay) are misaligned relative to the main checkout button on the cart page when viewed on an actual mobile browser. The misalignment occurs on first load, corrects itself after changing item quantities, and returns after a page refresh.
The issue is reported as mobile-only; desktop Chrome’s device emulation shows the layout as expected. Concern is raised that the visual inconsistency could harm conversion.
Responders requested the store URL; the merchant shared a Shopify preview link multiple times and clarified the mobile reproduction steps (add a product, visit cart).
One tester checked the site on Chrome mobile and reported that the buttons appear aligned, providing a screenshot as evidence. This creates a discrepancy between the merchant’s experience and the tester’s results.
No specific cause or fix has been identified. No code changes or theme adjustments were proposed.
Images are used to demonstrate both the misalignment (merchant) and the normal alignment (tester). The discussion is ongoing, with a request for the merchant to recheck and provide further verification.
When I land on cart page these the dynamic checkout buttons are misaligned to the main checkout button
but if i change quantity of items in cart the buttons align themselves properly.
and then if i refresh page again, the buttons become misaligned again
This looks very bad and could affect conversion rate, how do I fix? All help is appreciated. Thanks!
@faecom1 please share your store url?
This is Noah from PageFly - Shopify Page Builder App
I can help you. Please can you provide the website url. Thank you.
Best regards,
Noah | PageFly
here is link to my store: https://junhukyg09465on1-81073373527.shopifypreview.com
to replicate the unaligned buttons problem you must use a web browser on an actual mobile phone ( safari, chrome, etc) as the it looks okay on desktop chrome inspect to mobile view.
add product to cart and then go to cart, you will see the buttons are not aligned.
Hey @PageFly-Noah , can you still help me?!
here is link to my store: https://junhukyg09465on1-81073373527.shopifypreview.com
Hi @Shadab_dev here is link to my store: https://junhukyg09465on1-81073373527.shopifypreview.com
to replicate the unaligned buttons problem you must use a web browser on an actual mobile phone ( safari, chrome, etc) as the it looks okay on desktop chrome inspect to mobile view.
add product to cart and then go to cart, you will see the buttons are not aligned.
@faecom1 I just checked your site on my phone with chrome browser. Things look ok to me
can you recheck it and let me know.
