How can I display the variant selector in one row on mobile?

How can I display the variant selector in one row on mobile?

MS2333
New Member
6 0 0

Hello, 

 

I need help on my site, I want to have the variant selector on Mobile (Size Xs-XXL ) in one row, like in the picture.

 

Could you please help me with that, thank you

 

MS2333_0-1705281095579.png

 

Replies 4 (4)

Dan-From-Ryviu
Shopify Partner
8382 1650 1661

Add this code at the bottom of your section-main-product.css file. 

 

@media (max-width: 749px) {
.product-form__input input[type=radio]+label { margin-right: 0.3rem !important }
}

 

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

MS2333
New Member
6 0 0

unfortunately that did not work, do you need the domain ?

Dan-From-Ryviu
Shopify Partner
8382 1650 1661

Please share your store URL

- Helpful? Like and Accept solution to let me know or Buy me Coffee ❤️!
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

MS2333
New Member
6 0 0