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

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

faecom1
Tourist
10 0 1

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_0-1719442950363.png

 



Replies 6 (6)

Shadab_dev
Shopify Partner
159 5 18

@faecom1  please share your store url?

If this is helpful, please Like and Accept the solution.
Buy me Coffee, if you feel i was helpful. Definitely a motivation to carry out gutting solutions. Need help with shopify liquid or any project in web dev- Feel free to Email Me

Thanks
faecom1
Tourist
10 0 1

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.

Shadab_dev
Shopify Partner
159 5 18

@faecom1 I just checked your site on my phone with chrome browser. Things look ok to me 

 

Screenshot_2024-06-28-05-50-21-284_com.android.chrome.jpg

 can you recheck it and let me know. 

If this is helpful, please Like and Accept the solution.
Buy me Coffee, if you feel i was helpful. Definitely a motivation to carry out gutting solutions. Need help with shopify liquid or any project in web dev- Feel free to Email Me

Thanks

PageFly-Noah
Shopify Partner
1317 233 268

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

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

faecom1
Tourist
10 0 1

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
Tourist
10 0 1

Hey @PageFly-Noah , can you still help me?!

 

here is link to my store: https://junhukyg09465on1-81073373527.shopifypreview.com