Shopify Design

spencer123432 · ‎05-26-2020

Hey everyone!

I'm using the Impulse theme and trying to place the quantity selector on the same line as the add to cart button. Could anyone help with this? I've tried a few things but unfortunately, couldn't get this to work myself.

This is how it currently looks:

Thank you!

KetanKumar · ‎05-27-2020

@spencer123432

not required now any details I will manage can you please add below code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.product__quantity.product__quantity--button {
position: absolute;
    margin-top: -25px;
}
.product-single__meta .payment-buttons .cartbutton {
    display: inline-block;
    width: calc(100% - 110px);
    margin-left: 110px;
}

.product-single__meta .js-qty__num {
    padding: 11px 25px;
}

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Shopify Design

Put "Quantity Selector" Next to "Add to Cart" Button in Impulse Theme

Community Blog Articles

Shopify Community

Support

Shopify

Quick Links