How to remove total and price text on cart drawer

Topic summary

A user wants to remove the “estimated total” text and price display from the cart drawer’s bottom section (above dynamic buttons) in the Dawn theme, affecting both mobile and desktop views.

Two solutions were provided:

  1. Liquid template editing approach:

    • Navigate to snippets/cart-drawer.liquid
    • Delete the entire <div> element with class .totals
    • This permanently removes the HTML markup from the template
  2. CSS hiding approach:

    • Open base.css file
    • Add the following code at the end:
    .totals {
        display: none !important;
       }
    
    • This hides the element visually while keeping the markup intact

Both methods achieve the same visual result. The CSS approach is less invasive and easier to reverse, while the Liquid approach completely removes the code from the template. The discussion remains open with no confirmation from the original poster about which solution was implemented.

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

I am looking to remove the estimated total text and price text on the bottom of dynamic buttons in the cart drawer on dawn theme for mobile and desktop

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

Step 3: Delete div with .totals class (like this image):

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

1 Like

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
.totals {
    display: none !important;
}

Result:

Best,

Liz

1 Like