how to put 2 quantitiy selectors next to eachother?

[tijs]

i want these two next to eachother

[laddisahsi]

hi @tijs 

Can you please share store URL?

[tijs]

Galleryglamour.com

[laddisahsi]

Hi @tijs 

You can follow the following steps:

1. Please go to the Online Store
2. Then Edit Code
3. Please find the theme.liquid file
4. And add the following code in theme.liquid file above the </head> tag

<style>
.product variant-selects {
    display: flex !important;
}
.product variant-selects .product-form__input.product-form__input--dropdown .select {
    max-width: 90% !important;
}
</style>

If this solution is worked, then please Like this and Mark this as accepted solution!

Laddi

[tijs]

hi, thank you the code works. But on mobile the width of the page is too much right now, i can move the website left and right how can i fix this?

[laddisahsi · Accepted solution]

@tijs 

Please use this css

.product-form__input, .product-form__input .select {
    max-width: 50%!important;
}

[tijs]

thank you! 🙂