Increase Quantity Selector Size

[ChrisW3]

I would like the quantity field on our product page on mobile to be bigger.

Currently it looks like this:

I want it to look like this:

Page url: https://www.physioworldshop.co.uk/products/addax-practice-manager-5-section-massage-couch

[theycallmemakka]

Hi @ChrisW3 ,

I have written custom CSS for this solution. Please follow below steps and let me know your feedback.

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code just above tag </body>

<style>
.js--qty-adjuster {
    width: 45px!important;
}
.js-qty, .ajaxifyCart--qty {
    max-width: 150px!important;
}
</style>

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