← All examples

Focus mode toggle

Hides or restores the sidebar and topbar with one click for instant focus mode.

Code to copy

(function () {
  var id = 'jz-nt-focus';
  var ex = document.getElementById(id);
  if (ex) { ex.remove(); return; }
  var s = document.createElement('style');
  s.id = id;
  s.textContent = '.notion-sidebar-container,.notion-topbar{display:none!important;}.notion-frame{left:0!important;}';
  document.head.appendChild(s);
})();

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 JavaScript panel and save — it runs on every page visit.