A Shopify store owner wants to remove a fake notification bubble that appears on the Shopify Inbox chat widget. This red notification dot displays to customers even when no actual messages exist, which the owner finds misleading and annoying.
Attempted Solution:
Another user suggested adding CSS code (display: none !important for .chat-notification) to the theme’s base.css.liquid file.
The original poster implemented this code but reports it’s not working on their live site.
Current Status:
The issue remains unresolved despite the CSS implementation.
Screenshots were exchanged showing the persistent notification bubble.
The poster suspects something may be overriding the CSS code, though they’re uncertain about the exact cause.
The discussion is ongoing with no working solution identified yet.
Summarized with AI on November 25.
AI used: claude-sonnet-4-5-20250929.
I use Shopify inbox in my shop, and it shows a fake notification to new costumers as part of the design to “drive engagement” but i do not want it. They will not remove it for me, so can anyone help me remove it myself?
I have figured out that the following works when looking at the website, but i dont know exactly how to code it and where:
I am aware this solution will remove the chat icon entirely, but I would rather have that then have the fake one. I know from personal experience that it help absolutely nothing its just annoying and could actually make me leave a website if too much is popping up.
@oscprofessional I want this red notification bubble gone, as it shows without there actually being a notification and i dont want to force my costumers to have to open the chat to remove the fake notification:
@oscprofessional Its not working though. If you go to my website you can see that the pop op still appears? I have added the code. Maybe something overwrites it, i dont know but its not working.
