Inside the head tag.
Topic summary
Issue: A persistent red “1” badge appears on the store’s “Message us” button despite no new messages (screenshot provided; store URL shared).
Attempts proposed:
- Add custom CSS to hide the notification element (e.g., a notification class) using display: none !important.
- Insert the CSS in theme.liquid within the HTML head, or above .
- Alternatively, place the CSS in base.css and omit wrapping tags.
Clarifications: One user asked where to place the code; reply was to put it inside the head tag. Some replies referenced adding code above or into base.css. Several code blocks in replies showed empty snippets, making the exact code unclear.
Results: Multiple users reported the suggested approaches did not work, even after trying both theme.liquid and base.css placements.
Status: Unresolved/ongoing. No confirmed solution or consensus. Key open point is ensuring the correct selector/element is being targeted and that the CSS is loading/applied (the thread’s missing code content may be contributing to confusion).