← All examples

Facebook: hide notification badges

Hides the red unread-count badges on the notification and Messenger icons in the top bar.

Code to copy

/* Hide the red unread-count badges on the top notification and chat icons */
[role="banner"] [aria-label*="notification" i] span[data-visualcompletion],
[role="banner"] a[href*="/messages"] span[data-visualcompletion],
[role="banner"] [aria-label*="Messenger"] span[data-visualcompletion] {
  display: none !important;
}

How to use this example

1. Copy the code with the button above.
2. Install JustZix (2 minutes) and open the extension on the target page.
3. Add a new rule matching that page.
4. Paste the code into the rule's CSS panel and save — the effect appears instantly.