Shopify themes, liquid, logos, and UX
Can anyone tell me how to move the Quantity selector so that it sits alongside the Size selector. Pic A is how my theme looks now. I want it to look like Pic B.
I am using the Debut theme and Pic B is what my old Debut theme looked liked before I upgraded and lost all previous customizations.
Thank you.🙂
hello @Shawna_Jeneen
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
@media only screen and (min-width: 768px){
.product-form.product-form-product-template .product-form__controls-group:nth-child(1) {
width: 80% !important;
display: block !important;
float: left;
}
.product-form.product-form-product-template .product-form__controls-group:nth-child(2){
width: 20% !important;
display: block !important;
float: left;
}
}
Thank you. The solution you posted, however, did not appear to work. I then went and look at the assets/theme.css file in my previous theme hoping to spot a code similar to one you posted that would work and I saw nothing similar. You can view my site below. The code isn't working on desktop or mobile. I also tried refreshing and various browsers, no change there either.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024