A store owner using the Expanse theme wants the quantity selector placed beside the price or Buy buttons to reduce scrolling past “Frequently bought with” and subscription blocks.
Proposed fix: add a custom CSS snippet via
Reported outcome: the original requester confirmed the change worked.
Current issue: another participant tried the same steps but the quantity and price remain stacked (not side-by-side), indicating the CSS didn’t apply or selectors differ in their setup.
Notable details:
Status: partially resolved. The approach fixed it for one store, but others may need theme-specific selectors or additional CSS. Further troubleshooting is needed to adapt the CSS to different Expanse configurations or confirm that the snippet is correctly placed and not overridden by other styles.
Our website is www.greenpeareco.com
We currently have a lot of blocks on the product page meaning people have to scroll a fair bit to get past the “frequently bought with…” and subscription options.
Please can someone provide the code edits to move the quantity selector either next to the buy buttons or the price?
Thank you
Hi @Greenpeareco ,
I have written custom CSS. Can you try this and let me know if this works.
Follow these Steps:
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
Perfect, thank you so much
Hi, I tried to enter the code on my shop, but it doesn’t work.
The quantity and price remain in their original position, i.e. one below the other and not close together.
I’m very interested in this change, thanks!
