On iOS only, the Dynamic Checkout Buttons and Main Checkout Button Not Aligning on Cart Page

[faecom1]

Hi all,

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  iphone ( safari on iphone, or chrome on iPhone, etc) as I believe it looks okay on Android phones and desktop chrome inspect to mobile view.

2. add product to cart and then go to cart, you will see the buttons are not aligned like in the image below

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: 

[Dan-From-Ryviu · Accepted solution]

Hi @faecom1 

You can try to add this code to Custom CSS in Online Store > Themes > Customize > Theme settings and then check again. 

.cart__dynamic-checkout-buttons { margin: 0 auto !important; }

[faecom1]

IT WORKED. WOW! THANK YOU FRIEND!!! @Dan-From-Ryviu 

[Dan-From-Ryviu]

You are very welcome!

[faecom1]

Hi Dan,

I really need some help with this another issue. Can you help?

https://community.shopify.com/c/shopify-design/urgent-product-page-s-local-payment-method-icon-badge...

[ProtoMan44]

@faecom1 hey, thanks for posting here.
it is looking fine on my side.

[faecom1]

Hey thanks for for checking.