How to hide “What’s happening” trending topics on Twitter.com (and more, working June 2023)

Updated 6 June 2023

Twitter can be a great source of connections, industry news and light-hearted fun (if you follow the right people!). Unfortunately, the “What’s happening” trending topics sidebar can be a constant source of misery that by now can be simply too much to bear.

If you’d rather keep on top of your news and trends in a more mindful way rather than have it shoved in your face every time you browse your feed on a desktop browser then here’s what you can do.

uBlock Origin

uBlock Origin (Chrome, Firefox, Edge) is a fantastic ad blocking tool which blocks a huge array of banner advertisements, analytics, tracking and even Twitter promoted posts and YouTube video ads.

No – this post isn’t sponsored or affiliated – it’s really just that great. Browsing the web without can really be a miserable experience.

As a bonus, it also comes with a nifty feature that allows you to set your own blocking rules.

Once installed, click the uBlock Origin button in your browser toolbar and select the ‘Dashboard’ icon (looks like three cogs). On the dashboard page, select ‘My Filters’ from the top bar.

Screenshot showing the uBlock interface to block the Twitter What's Happening trends sidebar — After installing uBlock Origin, click the icon in the toolbar (may be hidden behind an extension button) and then the dashboard page that looks like 3 cogs

The ‘My Filters’ page will show a large text box. You may find it empty or populated with custom rules you have already created. We’re able to add to this list to block any elements we please. Simply paste in your desired filters from the filter rules section below and select ‘Apply Changes’ when done.

Screenshot showing the uBlock filters interface to block the Twitter What's Happening trends sidebar — The my filters page allows you to paste in and save custom filters to block and hide elements on any webpage

Filter Rules

Twitter’s dynamically generated HTML & CSS classes can make targeting specific elements a little fiddly. Fortunately, there are a number of accessibility labels and other fingerprints we can target to purge the website of unwanted features.

The Twitter website showing the "What's Happening" sidebar removed — The Twitter website showing the “What’s Happening” sidebar removed

Hide the ‘What’s happening’ sidebar on Twitter

Add the following filter rule to your uBlock configuration as per the instructions above.

! Hide the 'What's happening' sidebar on Twitter.com
twitter.com##*[aria-label="Timeline: Trending now"]

How to hide the ‘Topics to follow’ sidebar on Twitter

Add the following filter rule to your uBlock configuration as per the instructions above.

! Hide the 'Topics to follow' sidebar on Twitter.com
twitter.com##*[aria-label="Timeline: "]

How to hide “Who to follow” sidebar on Twitter

! Hide the 'Who to follow' sidebar on Twitter.com
twitter.com##*[aria-label="Who to follow"]

Hide everything in sidebar except search bar

! Hide everything in sidebar except search bar on Twitter.com
twitter.com##*[data-testid="sidebarColumn"] aside

Hide the bottom messages panel on Twitter

! Hide the bottom message panel Twitter.com
twitter.com##*[data-testid="DMDrawerHeader"]

How to disable the new Twitter “Chirp” font

Not a fan of the new Twitter font? Add the following URLs to your filters list in uBlock to block the new Twitter “Chirp” font from loading and revert back to a default font.

https://abs.twimg.com/fonts/chirp-regular-web.woff
https://abs.twimg.com/fonts/chirp-medium-web.woff
https://abs.twimg.com/fonts/chirp-heavy-web.woff
https://abs.twimg.com/fonts/chirp-bold-web.woff

Hope that helps!

Please leave a message in the comments if it works for you and if you’d like any other tweaks to Twitter or any other websites using this method.