Spreading sizes across the size of the add to cart button on phone

Store Design
1

hey,

does anyone know how to to spread all sizes across the total length of the add to cart button?

thanks in advance

shop: parfumproben.de

pw: test1

current version

IMG_1004.png
IMG_1004.png1284Ɨ2778 232 KB

desired result

IMG_1005.png
IMG_1005.png1284Ɨ2778 278 KB

2

Hi @drew23 ,

This is Victor from PageFly - Landing page builder, Iā€™d like to suggest this idea for solution:

Step 1. Go to Online Store ā†’ Theme ā†’ Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :

PageFlyVictor_0-1682801247305.png
PageFlyVictor_0-1682801247305.png392Ɨ799 47.6 KB

Hope my answer will help you.

Best regards,

Victor | PageFly

3

thanks for the quick answer! do you know by any chance how to make sizes wider?

4

@drew23 , Yes, you can add more code below:

PageFlyVictor_0-1682801818327.png
PageFlyVictor_0-1682801818327.png384Ɨ809 46.8 KB

5

thanks a lot

6

do you know how to center them on desktop version? so they are centered on the add to cart button width

7

@drew23 , You can try this code below:
8

it worked thanks but the gap between each size is a bit too small, do you have a quick fix for that?