A user seeks help positioning the quantity selector on the same line as the “Add to Cart” button in Shopify’s Impulse theme. A community member provides a CSS solution that involves:
Solution Steps:
Key CSS adjustments:
Multiple users successfully implement variations of this code for different themes (Impulse, Debut, Avenue, Brooklyn, Supply). Some encounter issues:
The helper consistently requests store URLs to provide customized solutions for each theme version. Several users report successful implementation, though some require additional adjustments for responsive design and element alignment. The discussion remains active with ongoing requests for theme-specific adaptations, particularly for newer theme versions where file structures have evolved.
This looks amazing!
How did you get the Quantity above the box, in the smaller text. This is mine and I’d love to lose the black quantity box and have the smaller qty selection box on the same line as add to cart.
I’d love to have the + & - in the box too!
Thanks
Audrey
My store is in build mode, but here’s a preview - https://f55gnw8g4si8d3xr-26536935529.shopifypreview.com/
