How to align my product options, Help

New Member
2 0 0

Hi Guys, i'm optimizing my product page and I want my product 'color' and 'size' options to show aligned,  next to each other. I'm using the Brooklyn theme and already figured out how to use a drop down, instead of using all the options. The only thing I would like now is to have the variants next to each other, instead of on top of each other. I think/hope that it's just a little tweak in the coding, but i'm already searching for hours and can't find a solution. 


If anyone can help me out, that would be great.




Hello ,

Please share your site url so that I will give you exact solution

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit


Shopify Expert
2461 414 519

Hi @Akibo 

Add this css in Asset->theme.scss file at bottom:

.product-form__item {   width: 50%;   float: left; }
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
New Member
2 0 0

Thank you so much. It worked. 

Struggeled with it for hours..

Much appreciated!