Dynamic Checkout Buttons and Main Checkout Button Not Aligning on Cart Page

Store Design
,
1

Hi,

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

to replicate the unaligned buttons problem: 1. you must use a web browser on an actual mobile phone ( safari on iphone, chrome on android, etc) as the it looks okay on desktop chrome inspect to mobile view.

  1. add product to cart and then go to cart, you will see the buttons are not aligned.

This looks very bad and could affect conversion rate, how do I fix? All help is appreciated. Thanks!

Link to my store: https://junhukyg09465on1-81073373527.shopifypreview.com

issue looks like this on iPhone:

faecom1_0-1719478179202.png
faecom1_0-1719478179202.png185×400 22.7 KB

2

Hello @faecom1

I’ve checked & tested your site in safari by adding items in cart and then change the quantity in cart. there is nothing wrong on the cart page and the design is not even change 1px. all thing works fine and looks great.

1 Like
3

I also have the same issue - but only on some iPhone models. This is an iPhone 14 Pro Max, but it appears normal on an iPhone 14? Any ideas? Did you resolve this? On Chrome for iOS, it looks misaligned initially, but then it quickly fixes itself? I can’t inspect the code as it’s on Safari iOS.