Hi Team 
Would really appreaciate your help. How do I make my variant picker on the dawn theme appear side by side instead of up and down? See images
Thank you so much!!
Hello @Paula19
Its Artzen Technologies! We will be happy to help you today.
Please provides us the page Url and password (if store password is enabled) , so that we can analyse the problem .
Regards,
Artzen Technologies
Hi @Paula19
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.
Thank you so much!! https://estillo.com.au/
I dont think it has a password ?
Hi @Paula19
We took a look at your site and saw the variant pickers are showing fine now.
If you have any other problems with your theme, feel free to let us know. We are happy to help you.
Oh thank you for checking!
What I wanted to do is have the drop down menu option with the two variants side by side. Instead of over and under each other. I’ll select the drop down now to show you.
https://estillo.com.au/products/puppuff-winter-jacket-06118
See how it shows (colour on the top and size under) I want this but side by side
1 Like
Hello @Paula19
Its Artzen Technologies! We will be happy to help you today.
- Go to online store > theme > Edit code > Assets > base.css (file) and Paste the below code at bottom of the file → Save
.product variant-selects{
display: flex;
}
.product .product-form__input{
max-width: 27rem;
}
Let me know if need further assistance
Regards,
Artzen Technologies
Hi @Paula19
To edit the variant picker to show side by side, follow these steps
- Open the Edit code section of the theme at Online store > Themes > Edit code:
- Find the file ‘‘section-main-product.css’’ and paste the following code at the end of the file:
.product__info-container variant-selects {
display: flex;
flex-wrap: wrap;
}
.product__info-container variant-selects .product-form__input {
flex: 0 0 45%;
margin-right: 10px;
}
- Here is the result:
I hope that this is useful for you.
1 Like