How to make padding 0 padding to cart drawer footer

Store Design
, , , , ,

Topic summary

A user needed to remove padding from the cart drawer footer in Shopify’s Dawn theme for both mobile and desktop views. The issue involved unwanted spacing at the bottom of the cart drawer.

Solution provided:

  • Navigate to Edit code in the theme editor
  • Open the base.css file
  • Add CSS code at the end of the file targeting .drawer__footer and small.tax-note.caption-large.rte elements
  • Set padding-bottom and margin-bottom to 0 using !important flags

Outcome: The solution successfully resolved the padding issue. The user confirmed it worked as intended.

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

I’m looking to adjust the footer padding to 0 in the cart drawer at the bottom of text on dawn theme for mobile and desk top

url knmb1c-pf.myshopify.com

password samurai

IMG_7592.jpeg
IMG_7592.jpeg1290×473 27.7 KB

2

Hi @undercoverfresh

  • You can try to follow this step
    Step 1: Go to Edit code

Step 2: Find file base.css and add this code at the end of the file

small.tax-note.caption-large.rte {
    margin-bottom: 0 !important;
}

.drawer__footer {
    padding-bottom: 0 !important;
}

Result:

LizHoang_0-1739378425041.png
LizHoang_0-1739378425041.png410×357 12.2 KB

Best,

Liz

1 Like
3

It worked thank you