Does anyone know how to get rid of the ugly “Continue Shopping” button from the empty cart?
The 'Your cart is empty" and the suggested collection is fine.
I’m using the latest version, Dawn.
the site is www.record28.com
Topic summary
A user seeks to remove the “Continue Shopping” button from their empty cart page while keeping the “Your cart is empty” message and suggested collection visible. They are using the Dawn theme (latest version).
Solutions provided:
- Option 1: Add
a.button { display: none; }to the base.css file - Option 2: Add
.cart-drawer__empty-content a.button { display: none; }to the bottom of base.css for more targeted styling
Implementation steps:
- Navigate to Shopify Admin → Online Store → Themes
- Click Actions → Edit Code
- Locate base.css in the Assets folder
- Paste the CSS code at the bottom of the file
Both solutions hide the button using CSS display properties. The second option uses a more specific selector to target only the cart drawer’s empty state button.
1 Like
Hi @record28-2 Please add the code in base.css file.
a.button {
display: none;
}
If you are not sure where is your base.css file please follow the steps:
- Login in shopify admin.
- Click on the Online Store.
- Then click on the button next to Customize in dawn Theme.
- Click Edit Code.
- Search Base.css in the code in left hand side.
- Add the code given above.
Result:
If you will unable to implement the same then I’m happy to do this for you, let me know. I can implement the changes so that this will work well for you.
Hopefully it will help you. If yes then Please hit Like and Mark it as solution!
Best Regards
Sahil
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > base.css and paste this at the Bottom of the file:
.cart-drawer__empty-content a.button {
display: none;
}