How to reduce the size of the quantity selection dropdown to the left?

Store Design
,

Topic summary

A user seeks help reducing the width of a product quantity dropdown selector on their Shopify store.

Proposed Solution:

  • Add custom CSS code to the theme.liquid file, positioned above the closing tag
  • Access via: Online Stores > Themes > More Actions > Edit code

Implementation Steps:

  1. Locate theme.liquid file in code editor
  2. Insert provided CSS markup before
  3. Save changes

The response includes a visual reference showing the expected result. The solution comes from PageFly support and uses CSS to control the dropdown’s display width. The thread appears resolved with a straightforward technical fix, though the original post and code snippet contain formatting issues that obscure some details.

Summarized with AI on November 9. AI used: claude-sonnet-4-5-20250929.
1

Can someone tell me How to reduce the size of the quantity selection dropdown to the left?

The problem is explained with the picture.

Thank you!

Element 1@72x.png
Element 1@72x.png4668×4601 773 KB

2

Hi @KimGottwald

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the

PageFlyRichard_0-1716384510915.png
PageFlyRichard_0-1716384510915.png1334×953 131 KB

Hope this can help you solve the issue

Best regards,

Richard | PageFly