Turn Off Distraction Free Mode WordPress? Fix It

Updated 7 November 2026 · Standard formula, shown below

To turn off Distraction Free Mode in WordPress, click the three-dot menu in the top-right corner of the block editor and uncheck the “Distraction free” option. This setting is per-editor (block or classic) and per-user, so you may need to disable it in both places if you use both editors.

What Distraction Free Mode Actually Does

Distraction Free Mode (often called “Spotlight Mode” or “Fullscreen Mode” in different contexts) is a writing-focused view in the WordPress block editor (Gutenberg) and the classic editor. When enabled, it hides most of the surrounding interface—the left sidebar, the top toolbar, and the document settings panel—so you only see your content. The goal is to reduce visual clutter while you write.

Importantly, it does not hide the content itself; it only hides the editor chrome. Your text remains fully editable, and you can still save, preview, or publish using keyboard shortcuts or by moving the mouse to the top of the screen to reveal the toolbar temporarily.

How to Turn It Off in the Block Editor

If you are using the default WordPress block editor (Gutenberg), follow these steps:

Open any post or page in the editor.
Click the three-dot menu (⋯) in the top-right corner, next to the “Publish” button.
Look for the “Distraction free” option in the dropdown.
If it has a checkmark or is highlighted, click it to turn it off.
The editor will immediately return to the normal view with all panels visible.

If you don’t see the option, you might be using a different editor (like the classic editor or a page builder). The menu item is only present in the block editor.

How to Turn It Off in the Classic Editor

The classic editor (used by the “Classic Editor” plugin or the “Edit as HTML” view) has its own distraction-free mode. To disable it:

Open a post in the classic editor.
Click the “Distraction-free writing” button in the top toolbar. It looks like a small square with arrows pointing outward.
The button toggles the mode; when active, it is highlighted. Click it again to turn it off.

If you don’t see that button, your theme or a plugin may have removed it. You can also press Shift+Alt+W (Windows) or Control+Option+W (Mac) to toggle it, but that shortcut only works when the editor is focused.

Why It Keeps Turning Back On

Distraction Free Mode is a per-user preference stored in your browser’s local storage or in the WordPress user meta, depending on the editor. It should stay off once you disable it, but there are a few reasons it might reappear:

You are using a different browser or device where the setting is still on.
A caching plugin or browser extension is restoring old local storage values.
Your theme or a plugin forces the mode on via a filter or JavaScript.
You accidentally pressed the keyboard shortcut (in the classic editor) without noticing.

If it keeps turning on, try clearing your browser cache and local storage for that site, or test in a private/incognito window. If it persists, deactivate your plugins one by one to see if one is forcing the mode.

Common Misconceptions

Many users confuse Distraction Free Mode with “Fullscreen Mode” or “Spotlight Mode” in page builders like Elementor or Beaver Builder. Those are separate features with their own toggles. In the block editor, “Fullscreen Mode” (the option that hides the admin menu) is a different setting—it’s also in the three-dot menu but labeled “Fullscreen mode.” If you want to see the WordPress admin sidebar while editing, turn off Fullscreen Mode, not Distraction Free Mode.

Another misconception is that turning off Distraction Free Mode will restore the classic “meta box” area or the old editor layout. That is not the case; it only affects the current editor’s interface. If you prefer the old editor entirely, you need to install the Classic Editor plugin or use a theme that provides a classic editing experience.

What to Do If the Option Is Missing

If you cannot find the “Distraction free” option in the three-dot menu, the most likely cause is that your WordPress version is older than 5.4 (when the option was introduced) or that a plugin has removed it. Here are steps to troubleshoot:

Update WordPress to the latest version.
Check if you are using a page builder that replaces the default editor—those often have their own distraction-free setting.
Look for a “View” or “Options” submenu in the editor toolbar; some themes add extra toggles there.
If you are using the classic editor, ensure you are not in the “HTML” tab—the distraction-free button only appears in the “Visual” tab.

If none of these work, you can temporarily switch to a default theme (like Twenty Twenty-Four) to see if your theme is hiding the option. If it appears, the issue is theme-specific.

Keyboard Shortcuts and Hidden Toggles

Besides the mouse, you can toggle Distraction Free Mode with a keyboard shortcut in the classic editor: Shift+Alt+W (Windows) or Control+Option+W (Mac). In the block editor, there is no default shortcut, but you can create one using browser extensions or the WordPress keyboard shortcuts (if you have a plugin that adds them).

Also note that the block editor has a “Spotlight Mode” that highlights the block you are editing and dims others. That is a separate option in the same three-dot menu. If you want to see all blocks clearly, turn off Spotlight Mode as well.

Frequently Asked Questions

Does turning off Distraction Free Mode affect my content?

No, it only changes the editor interface. Your content remains unchanged, and all formatting, images, and blocks stay exactly as they were.

Why is my Distraction Free Mode always on even after I turn it off?

This usually happens if you are using a different browser profile, or if a plugin/theme is forcing the mode. Clear your browser’s local storage for that site, or check your theme’s settings for a “focus mode” option.

Can I turn off Distraction Free Mode for all users on my site?

There is no built-in setting to disable it globally for all users. Each user must turn it off in their own account. However, you can add a small code snippet to your theme’s functions.php file to force it off, but that requires coding knowledge and is not recommended for beginners.

Is Distraction Free Mode the same as Fullscreen Mode?

No. Fullscreen Mode hides the WordPress admin sidebar, while Distraction Free Mode hides the editor panels and toolbars. You can have one without the other.

I use Elementor, and it has a “Distraction Free” option. Is that the same?

No, Elementor’s option is specific to its own builder. It does not affect the default WordPress editor. You need to turn it off in Elementor’s settings (usually in the top bar while editing).

What if I accidentally turned it on and now I can’t see the menu to turn it off?

Move your mouse to the very top of the screen; the toolbar should slide down. If it doesn’t, press the Esc key or reload the page. In the classic editor, you can also press Shift+Alt+W to toggle it back.

Method: the standard formula for this calculation, rounded as each result states. See how the calculators work or report an error.