← All examples

Mastodon: focus reading mode

Hides the navigation, compose panel and right widgets, leaving only a centered timeline for reading.

Code to copy

/* Focus mode: keep only the main timeline column visible */
.columns-area__panels__pane--navigational,
.columns-area__panels__pane--compose,
.search,
.tabs-bar,
.dismissable-banner,
.trends,
.getting-started__footer {
  display: none !important;
}
.columns-area__panels__main {
  max-width: 720px !important;
  margin: 0 auto !important;
}
.column {
  margin: 0 auto !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.