Hi, me again! I’m looking to put the quantity selector and add to cart button on the same line. Thank you ![]()
Please add the following css code to your assets/ bottom of the file.
@media screen and (min-width: 750px){
.product-form .button--full-width {
width: 60% !important;
position: absolute !important;
top: 18rem !important;
float: right !important;
left: 16rem !important;
}
}
Thanks!
Thank you so much for your help! I had to change the position a little, but it looks great!
Thank you! Welcome Again.
Hey @planandstick
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code in the bottom of the file above tag
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
The second solution for you
Please add the following CSS code to your assets/base.css bottom of the file.
@media only screen and (min-width: 1024px) {
.product-form {
display: flex !important;
justify-content: center !important;
margin-top: -63px !important;
margin-left: 20px !important;
}
}
@media only screen and (max-width: 600px) {
.product-form {
display: flex;
justify-content: center;
margin-top: -63px !important;
margin-left: 150px !important;
}
}
Thank you so much! Is it possible to change the width of the Add to Cart button? I would like it to match the width of the body text.

