How To Justify & Get Variants All On One Row

New Member
8 0 0

Hello Everyone,

 

Image of problem here: https://prnt.sc/qaviks
Product page of problem here: https://shopkateandaudrey.com/products/the-mauve-top

 

I've been having trouble figuring this out but I'd like to be able to get all my variants to fit on one row. There is never more than three (size, quanity, color). That would help move the purchase button up above the fold.


Anyone have experience adjusting the code on the product page on how I can do that?

 

Thanks,

Nic

0 Likes
Highlighted
Shopify Partner
533 108 129

Hello Nic,

Check here https://help.shopify.com/en/themes/customization/products/features/add-color-swatches
I think you are looking for same.

Thanks

Want to modify or custom changes on store hire me.
My Email: guleriathakur43@gmail.com
Skype: navrocks1
If helpful then please Like and Accept Solution.
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Highlighted
Shopify Partner
1219 101 155
Hi , 1. Go to Online Store->Theme->Edit code 2. Asset->theme.scss->paste bellow code in bottom of file .product-form__controls-group { display: inline-flex !important; }
Thanks & Regards
Perennial Solution

Problem Solved?✔️Like and Accept the solution that can help others.
Need any help with theme customization or design? Hire us
Email: infoperennialsolution@gmail.com
Skype: infoperennialsolution
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
New Member
8 0 0

Hi Perennial,

That worked sort of. It brought the 'add to cart' and 'buy now' buttons up as well. Can I get those back below? They only parts I want justified are the variant options, not the add to cart & buy now buttons. See here: https://prnt.sc/qbnq8r

 

If we could get those two buttons back below the variant options we'd be there!

 

Thanks,

Nic

0 Likes