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.
Hi @spencer123432 ,
Do you mean re-positioning the buttons and the quantity selector like this? If that’s the case, I suggest you try this pre-made template. The template is a ready-made product page template, but you can also adjust the color, spacing, or positions of the elements, without coding.
It’s a free template from PageFly. You can view the full version of it here.
