How To Remove Items In Cart Drawer (Dawn Theme)

Solved

How To Remove Items In Cart Drawer (Dawn Theme)

MMast
Trailblazer
182 1 26

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.

Screenshot 2024-04-18 012140.png

https://decemberschild.com/ 

password: dc

Accepted Solutions (2)

Solution_Expert
Shopify Partner
21 3 6

This is an accepted solution.

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 </body>

<style>
#CartDrawer #CartDrawer-ColumnProduct,
#CartDrawer #CartDrawer-ColumnTotal{display:none}
.cart-drawer .cart-items th{border:none !important}
</style>

Was our feedback valuable? Hit LIKE!
Want to get in touch? Mail us at hisolutionexpert@gmail.com

View solution in original post

theycallmemakka
Shopify Partner
1803 437 470

This is an accepted solution.

Hi @MMast ,



Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
thead {
    display: none!important;
}
</style>

theycallmemakka_1-1713431249841.png

 

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!

theycallmemakka_0-1713431246281.png

 

Best Regards,
Makka

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com

View solution in original post

Replies 6 (6)

Jivan_Suhagiya
Shopify Partner
602 83 129

Hi,
You can just hide with css
.cart-items thead { display: none; }


Jivan_Suhagiya_0-1713420250221.png

 

If helpful then please Like and Accept Solution.
Email: suhagiyajivan1992@gmail.com
Skype: jivan.suhagiya
First kind of Checkout Reminder APP: https://apps.shopify.com/checkout-reminder
MMast
Trailblazer
182 1 26

In what file?

Jivan_Suhagiya
Shopify Partner
602 83 129

component-cart-drawer.css

If helpful then please Like and Accept Solution.
Email: suhagiyajivan1992@gmail.com
Skype: jivan.suhagiya
First kind of Checkout Reminder APP: https://apps.shopify.com/checkout-reminder
MMast
Trailblazer
182 1 26

How do I format the code in that file

Solution_Expert
Shopify Partner
21 3 6

This is an accepted solution.

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 </body>

<style>
#CartDrawer #CartDrawer-ColumnProduct,
#CartDrawer #CartDrawer-ColumnTotal{display:none}
.cart-drawer .cart-items th{border:none !important}
</style>

Was our feedback valuable? Hit LIKE!
Want to get in touch? Mail us at hisolutionexpert@gmail.com

theycallmemakka
Shopify Partner
1803 437 470

This is an accepted solution.

Hi @MMast ,



Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>

<style>
thead {
    display: none!important;
}
</style>

theycallmemakka_1-1713431249841.png

 

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!

theycallmemakka_0-1713431246281.png

 

Best Regards,
Makka

Support Me: Buy me a Coffee


For quick response - Message Me


Ping me at: theycallmemakka@gmail.com