How to Align quantity and add to cart bars on debut theme

New Member
3 0 0

I There I would like to have my quantity selection to be on the same like as the add to cart bar.

I would also like to have the option for it to be a plus and minus button.

I have attached an image of what I am after.

add to cart_quantity button.PNG


Shopify Expert
2235 369 484

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

.product-form__item.product-form__item--submit {
display: flex;
flex-wrap: wrap;
align-items: flex-end;

.product-form__item--no-variants div#spiceaddonsappid {
width: 100%;

.product-form__item.product-form__item--submit {}

.product-form__item.product-form__item--submit .product-form__controls-group {
width: 100px;

.product-form__item.product-form__item--submit button.btn.product-form__cart-submit {
width: calc(100% - 110px);
max-height: 44px;
margin-left: 10px;

.product-form__item.product-form__item--submit .product-form__controls-group .product-form__item {
width: 100% !important;
flex-basis: 100%;

.product-form__item.product-form__item--submit .product-form__controls-group .product-form__item input#Quantity-product-template {
max-width: 100%;
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Shopify Apps URL :-
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing