A store owner reported that the cart’s delete/bin button for removing items has disappeared in their Dawn theme. Customers are forced to clear cookies as a workaround, which is frustrating to explain.
Two solutions were proposed:
JavaScript fix: Add custom code to the theme.liquid file above the </body> tag to restore functionality.
CSS styling fix: Add CSS code to base.css to enable the button’s color visibility:
cart-remove-button .button {
color: rgb(var(--color-foreground))!important;
}
Both solutions involve editing theme code files. The CSS approach suggests the button may be present but invisible due to styling issues. Screenshots were provided showing the expected result after implementing the fixes.
Status: Solutions offered but not yet confirmed as resolved by the original poster.
I remember there was a bin button for removing each item in the cart but it has disappeared.
Basically the customers need to clear cookies for removing the items from the cart. It is frustrating explaining such a workaround.
Here is the store link: https://vintageboutique.it/
Thank you for any suggestion to solve this issue
Hey @5irjoe
Follow these Steps:
Go to Online Store
Edit Code
Find theme.liquid file
Add the following code in the bottom of the file above tag
RESULT
If I managed to solve your problem then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hi @5irjoe .
You just need to enable the color for it. Here’s how to achieve that.
1: Go to Online Store → Theme → Edit code
2: Search file base.css
3: Add the following code to the bottom of the file → Save
cart-remove-button .button {
color: rgb(var(--color-foreground))!important;
}
If done correctly, the result should be:
I hope this helps!
