How to make quantity boxes smaller in cart drawer

Topic summary

A user seeks to reduce the size of quantity boxes and the bin icon in the cart drawer for both desktop and mobile views on the Dawn theme.

Proposed Solution:

  • Navigate to Online Store → Themes → Edit code
  • Locate the snippets/cart-drawer.liquid file
  • Insert custom CSS code at the top of the file (after the </script> tag)

The solution involves adding markup/CSS to adjust the visual sizing of these cart elements. An image reference shows the desired smaller appearance, and the helper provided a screenshot demonstrating where to place the code.

Status: The thread appears resolved pending user confirmation, as the responder requested feedback and marking as solution if helpful.

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

I’m looking to make the quantity boxes on the cart drawer smaller for desktop top and mobile on dawn theme like in this picture (including the bin icon)

url knmb1c-pf.myshopify.com

password samurai

Hi @undercoverfresh , to do that, please follow our instructions:

Step 1: Open Online Store → Themes → Edit code.

Step 2: Find snippets/cart-drawer.liquid file

Step 3: Paste this code at the top of the file (after tag):


If this helpful, please let us know by giving us a like and marking its as a solution. Thanks you :heart_eyes:

1 Like