How can I add dynamic spacing between variant pickers?

Store Design
1

Hey guys,

I’ve manages to get the variant pickers to work in a way, that when there is 1 it spans 100% and if its 2 it spans 50%/50%. However, I’d like to set a little space in between them (red rectangle) like in the image. Could you guys help me out? I can do it with margins no problem but then it is not dynamic anymore for 1 or multiple variants.

s1.png
s1.png677×423 12 KB

Store: click me (https://redpointgadgets.com/collections/gadgets/products/pet-grooming-gloves)

Password: siesoh1

2

Hi,

Please add the code below.

.variant-wrapper--dropdown+.variant-wrapper--dropdown {
    margin-left: 10px;
}

Hope it helps.

Thanks.

1 Like