How can I make dynamic checkout buttons round on mobile?

Store Design
, , ,
1

Hi everyone,

so on my checkout page, the third party buttons (express checkout) are displayed with rounded corners on desktop but not on mobile.

See pictures.

Please how can I fix this? I want them to be round on mobile as well.

2831FE29-DDC1-4810-ACC8-3A72B852EA34.jpeg
2831FE29-DDC1-4810-ACC8-3A72B852EA34.jpeg2297×518 387 KB

2

Hi @User823947
Can you share with me the page URl?

3

Hi @User823947

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: paste bellow code in tag → save.

PageFlyVictor_0-1676632145524.png
PageFlyVictor_0-1676632145524.png1365×651 47.6 KB

.kqsiVA9Jf8LJAbxw8Bau.h7OYsWHrW5495r9beh2n.DefhEHZZf4y32pvV7mZj.DnvZqPMEvBFbBre5UuP9.size--large, .kqsiVA9Jf8LJAbxw8Bau.h7OYsWHrW5495r9beh2n.DefhEHZZf4y32pvV7mZj.vKjZTx5He86dhWbWaFxE.size--large { border-radius: 50px !important; }

Hope that my solution works for you.

Best regards,

Victor | PageFly

4

Hey @PageFly-Victor ,

thanks. Unfortunately this also did not make the buttons round on mobile. I’m on Shopify Plus and I have access to checkout.liquid, maybe I can code in something there?

5

Hi @User823947
Please try again with this code: