Increase Quantity Selector Size

Topic summary

A user wants to increase the size of the quantity selector field on their product page for mobile devices. They provided before/after images showing the desired larger appearance.

Solution Provided:

  • Another user shared custom CSS code to achieve this
  • Implementation requires editing the theme.liquid file in the store’s code editor
  • The CSS should be added just above the closing </body> tag

Status: The issue appears resolved with a working solution, pending confirmation from the original poster.

Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.

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

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


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