How can I adjust padding for size variant selectors on mobile?

Hi, how do I change the padding of the size variant selectors so that it all fits on one line. I’m using the symmetry theme. Store url is: www.isamore.nl. Would really appreciate any help. Thank you.

Like this for example:

Hi @heinengerrit

This is Henry 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 main.css

Step 3: Paste the below code at bottom of the file → Save

@media (max-width: 767px){

label.opt-label.opt-label–btn.btn.relative.text-center {

padding: 0 !important;

margin: 3px !important;

min-width: 3rem !important;

}}

Hope that my solution works for you.

Best regards,

Henry | PageFly

Hey @heinengerrit ,

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.


Screenshot is for reference only, the correct code to paste is the one shown above.