A large exclamation mark unexpectedly appeared in a Shopify store’s cart page. The issue is visible in Microsoft Edge but disappears when Chrome’s developer console is opened.
Two solutions were provided:
</head> tag in the theme.liquid file.cart-item__error {display: none !important;} to base.css to hide the error elementCurrent status: The original poster confirmed the first solution worked. However, a follow-up question emerged about the exclamation mark reappearing on the second item when multiple products are in the cart, suggesting the issue may not be fully resolved for all scenarios. The root cause of why the error displays remains unclear.
This massive exclamation mark has appeared out of nowhere. Everything was working fine and then I spotted this, I’m not sure whether any changes I’ve made caused it to happen. I tried to figure out how to fix it myself using the dev console and researching but I can’t figure it out, if someone could please help.
Bear in mind when I open Chrome’s dev console the exclamation mark goes invisible. The screenshot is from Edge.
Hi @AlloyRamps
You can follow the following steps:
If this solution is worked, then please Like this and Mark this as accepted solution!
Laddi
Amazing, thank you for the quick help.
I’m assuming that the error has no major impact on the page as a general?
Hi,
Go to online store
Edit Code
Open your base.css
Add the following code:
.cart-item__error {display: none !important;}
This should resolve the issue but I prefer if you can give me access to the store so I can understand the reason why it is showing.
Have a nice day.
No it will not effect anything.
What Do you do when you have more than one Item in cart and the exclamation mark goes away on one of the items but keeps showing with second item?
