WhatsApp Web: hide the header logo
Hides the WhatsApp Web logo and header so more space goes to the actual chat list.
Code to copy
/* Reclaim space by hiding the top WhatsApp Web logo bar */
header[data-testid="chatlist-header"] [data-testid="default-user"],
header[data-testid="chatlist-header"] img[alt*="WhatsApp" i],
[data-testid="intro-md-beta-logo-dark"],
[data-testid="intro-md-beta-logo-light"] {
display: none !important;
}
header[data-testid="chatlist-header"] {
min-height: 36px !important;
}How to use this example
- Copy the code with the button above.
- Install JustZix (2 minutes) and open the extension on the target page.
- Add a new rule matching that page.
- Paste the code into the rule's CSS panel and save — the effect appears instantly.
Rate this example
No ratings yet — be the first.