Quantity Selector And Add To Cart Button On The Same Row Debutify Theme

[robertbarta]

How can I make the “quantity selector” and the “add to cart” buttons on the same row? (I am using a Debutify theme)

[Moeed]

Hey @robertbarta

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

Best Regards,
Moeed

[Dan-From-Ryviu]

Hi @robertbarta

Go to your Online store > Themes > Edit code > open theme.liquid file, add this code after tag

<style>
.product-single__form .product-single__quantity .qty-container {
    width: 120px;
}
.product-single__form .product-single__add-to-cart {
   margin-top: -24px;
}
.product-single__form .product-single__add-to-cart .btn.btn--primary {
    margin-top: -50px;
    width: calc(100% - 140px) !important;
    margin-left: 140px;
}
</style>

[robertbarta]

Yes! That worked great, is it possible to remove the “Quantity” from above the picker and make the button the same size as the add to cart button?

[Dan-From-Ryviu]

Please update the code.

[robertbarta]

You’re awesome! Thank you so much! Last thing, are you able to make the height of the dynamic checkout button the same as the Add to Cart/ Quantity picker? If so that would be awesome!

[Dan-From-Ryviu]

Code update

[robertbarta]

I appreciate you man, you’re amazing!

[Dan-From-Ryviu]

Happy I could help

[robertbarta]

Hello, I wanted to message you regarding 2 issues I’ve just noticed with this section. It’s small, but I would really appreciate it if you could fix it for me.