Remove quantity selector from cart drawer (Dawn Theme)

Topic summary

A user seeks to remove the quantity selector from the cart drawer in Shopify’s Dawn theme for both mobile and desktop views. An attached screenshot illustrates the element to be removed.

Proposed Solution:

  • Add CSS code to hide the quantity selector by targeting div#CartDrawer td.cart-item__quantity with display: none;
  • Insert this code at the bottom of base.css, theme.css, styles.css, custom.css, or theme.scss.liquid

Current Status:

  • The user attempted the CSS solution by adding it to base.css but reports it didn’t work
  • Another community member has requested the store URL to investigate further
  • The store URL (magprint.ca) has been shared for troubleshooting

The issue remains unresolved and requires additional debugging to determine why the CSS approach failed.

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

Hi Community,

I’m looking to remove the quantity selector from the cart/cart drawer. I would like it removed for both mobile and desktop. Hope someone can help!

Thanks

1 Like

Hi @jsingh99

Thank you for reaching out to the Shopify community. I’d be glad to assist you. Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update?

Hello @jsingh99 , Please follow these steps to add this CSS code:

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code
Step 2: Search file base.css, theme.css, styles.css, custom.css or theme.scss.liquid
Step 3: Insert the below code at the bottom of the file → Save

div#CartDrawer td.cart-item__quantity {
  display: none;
}

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.

Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update?

https://www.magprint.ca/

Thanks for your reply. I copy and pasted at the bottom of base.css and still no luck