How to make quantity boxes smaller in cart drawer

undercoverfresh · ‎02-14-2025

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

B2Bridge · ‎02-14-2025

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 </script> tag):

<style>
  .cart-quantity {
    min-height: 30px !important;
    max-width: 90px !important;
  }

  .cart-quantity .quantity__button {
    max-width: 30px !important;
  }
</style>

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

B2Bridge: All-in-one B2B wholesale solution, enabling merchants to set up a complete B2B store quickly and without coding.
With features like customizable registration forms, customer segmentation, and tailored price lists, it simplifies wholesale management.
B2Bridge also includes a dedicated Quick Order page and flexible Net Payment Terms, streamlining operations for wholesalers and enhancing the buying experience.

View solution in original post

B2Bridge · ‎02-14-2025

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 </script> tag):

<style>
  .cart-quantity {
    min-height: 30px !important;
    max-width: 90px !important;
  }

  .cart-quantity .quantity__button {
    max-width: 30px !important;
  }
</style>

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

B2Bridge: All-in-one B2B wholesale solution, enabling merchants to set up a complete B2B store quickly and without coding.
With features like customizable registration forms, customer segmentation, and tailored price lists, it simplifies wholesale management.
B2Bridge also includes a dedicated Quick Order page and flexible Net Payment Terms, streamlining operations for wholesalers and enhancing the buying experience.

How to make quantity boxes smaller in cart drawer

How to make quantity boxes smaller in cart drawer

Community Blog Articles