How to have product variants one below another - debut theme

Solved
solaris
New Member
3 0 0

 

My variants (color and size) appear side by side in the debut theme, I would like them appear one below another

 

Current view:

solaris_1-1612480814653.png

I want them to look like this:

solaris_2-1612480906795.png

Anyone knows how to do this?

 

 

 

 

0 Likes

This is an accepted solution.

@hi @solaris can you try to add the css below to theme.scss.liquid?

.template-product .product-form{
   display:block;
}

 

Visit my Shopify Youtube channel to learn how to code your Shopify store and fix various coding issues on Shopify.(subscribe if you like it :)).
Glad to help out and wish your Shopify store great success.

Hello,

Please share:
- your store URL;
- page URL with the issue you mention;
- storefront password (if your store has one).

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Using a free theme? Improve it with copy/paste code snippets clicking here.
◦ Looking to hire an experienced developer? Same day response: ezfycode@gmail.com.
0 Likes
solaris
New Member
3 0 0

thanks a lot @DeepCode ! This worked great!

0 Likes