Need help fitting variant into pill on product page

[radaApeta]

Hello,

I need to fix the shoe sizes, so they can fit into a pill on one row instead of two. Only on mobile. Thanks for your help

https://81e325-28.myshopify.com/

0007

[BSS-TekLabs · Accepted solution]

- Here is the solution for you @radaApeta 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it

<style>
@media only screen and (max-width: 600px) {
.product-form__input--pill input[type=radio]+label {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.