Remove red notification on message us button

Nimbis
Tourist
10 0 1

Nimbis_0-1711925053570.jpeg

As you can see, there is that little red "1" notification there even though there is no new messages and nothing to be seen.

 

Anyone know how to remove this? Store URL is https://nimbis.shop/

 

Thanks.

 

Replies 14 (14)

Xipirons
Shopify Partner
136 24 30

Hi @Nimbis 

 

Add this to your css file :

.chat-notification {
  display: none!important;
}

Was this helpful? Like or Accept solution - Buy me a coffee
- Contact me: Xipirons | WhatsApp
- Shopify Developer based in France, helping online merchants succeed

Nimbis
Tourist
10 0 1

It did not work.

AnneLuo
Shopify Partner
419 85 79


You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Find the theme.liquid file and add the following code to the head tag

<style>
  .chat-notification {
    display: none !important;
  }
</style>

 

Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee
Nimbis
Tourist
10 0 1

Is this below the head tag or above?

AnneLuo
Shopify Partner
419 85 79

Inside the head tag.

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee
Nimbis
Tourist
10 0 1

It still doesn't work

doyenn
Tourist
5 0 0

didn't work for me

PageFly-Noah
Astronaut
1095 198 217

This is Noah from PageFly - Shopify Page Builder App

 

 You can add code here to hidden it:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid
Step 3: Add code above the tag </head>

 

<style>
.chat-notification{
   display: none !important;
}
</style>

 

Hope my solution will help you resolve the issue.

 

Best regards,

Noah | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

doyenn
Tourist
5 0 0

none of the above options work

PageFly-Noah
Astronaut
1095 198 217

Hi @doyenn  you can add again code here to file base.css , but delete 2 tag <style> and </style>

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Nimbis
Tourist
10 0 1

This doesn't work

PageFly-Noah
Astronaut
1095 198 217

hi @Nimbis  you can add again code here to file base.css , but delete 2 tag <style> and </style>

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

doyenn
Tourist
5 0 0

this doesn't work

PageFly-Noah
Astronaut
1095 198 217

Hi @doyenn  You can add code here to above tag </head>

<style>
[data-spec="notification-badge"]{
  display: none !important;
}
</style>

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.