Twitch: hide offline channels in sidebar
Hides followed channels that are offline in the left sidebar, leaving only those currently streaming live.
Code to copy
// Hide offline channels in the left followed list, keeping only live ones
function hideOfflineFollowed() {
document.querySelectorAll('.side-nav-card').forEach(function (card) {
const live = card.querySelector('.tw-channel-status-text-indicator')
|| card.querySelector('div[data-a-target="side-nav-live-status"]');
const offline = card.querySelector('div[data-a-target="side-nav-offline-text"]');
if (offline && !live) {
card.style.display = 'none';
}
});
}
hideOfflineFollowed();
const obs = new MutationObserver(hideOfflineFollowed);
obs.observe(document.documentElement, { childList: true, subtree: true });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 JavaScript panel and save — it runs on every page visit.
Rate this example
No ratings yet — be the first.