← All examples

X: hide the messages badge

Hides the coloured unread-count badge on the "Messages" item in the navigation menu.

Code to copy

/* Hide the unread badge on the Messages nav item */
nav[role="navigation"] a[href="/messages"] [aria-label],
a[data-testid="AppTabBar_DirectMessage_Link"] [dir] {
  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.