Thanks in advance!
I am looking to remove the words “product”, “total” and the line under the words in the cart drawer section. Example shown below.
password: dc
Topic summary
A user wants to remove the “Product” and “Total” column headers and their underline from the cart drawer in the Dawn theme.
Solutions provided:
- CSS approach: Add
.cart-items thead { display: none; }to hide the entire header row - Alternative CSS: Target specific elements with
#CartDrawer-ProductColumn,#CartDrawer-TotalColumn, and.cart-drawer-items thusingdisplay: noneandborder: none !important
Implementation location:
All solutions recommend adding the CSS code to theme.liquid file, placed just before the closing </body> tag. The code should be wrapped in <style> tags.
Status: Multiple working solutions provided with step-by-step instructions and screenshots. The discussion appears resolved with users offering similar CSS-based approaches.
Hello,
This is Sam from Solution Expert.
Here is the solution:
Go to Themes > Edit code > Theme.liquid > at the bottom place this code before
#CartDrawer #CartDrawer-ColumnProduct, #CartDrawer #CartDrawer-ColumnTotal{display:none} .cart-drawer .cart-items th{border:none !important}
1 Like
In what file?
component-cart-drawer.css
How do I format the code in that file
Hi @MMast ,
Follow these Steps:
- Go to Online Store
- Edit Code
- Find theme.liquid file
- Add the following code just above tag
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
1 Like