The WordPress block editor (Gutenberg) comes with a settings toolbar that appears when you click on a block. By default, this toolbar is placed at the top of the editor or attached to the selected block. WordPress also allows you to adjust how this toolbar behaves, making editing more comfortable depending on your workflow.
In this guide, you’ll learn how to change the location of the block settings toolbar in WordPress step by step.
Why Change the Block Toolbar Location?
Adjusting the toolbar location can help you:
- Improve editing speed and comfort
- Keep the screen less cluttered
- Make block editing easier on smaller screens
- Choose between a floating or top toolbar style
- Match your personal editing preference
How to Change the Block Settings Toolbar Location in WordPress
Follow these steps to adjust the toolbar position inside the block editor.
Step 1: Open a Post or Page
Go to your WordPress dashboard and open:
- Posts > All Posts, or
- Pages > All Pages
Then click on the post or page you want to edit.
Step 2: Select a Block
Click on any block (text, image, heading, etc.) inside the editor.
When you select a block, the toolbar will appear automatically.
Step 3: Open the Options Menu
In the top-right corner of the editor, click the three-dot menu (⋮).
This menu contains display and editor customization settings.
Step 4: Find the Toolbar Option
Scroll through the menu until you see:
Top Toolbar
Step 5: Toggle the Toolbar Position
You will see an option like:
- Top Toolbar (enabled or disabled)
Turn it ON or OFF depending on your preference.
What Happens When You Change the Toolbar Setting?
If Top Toolbar is Enabled
- The block toolbar moves to the top of the editor
- It stays fixed while you switch between blocks
- The editing area becomes cleaner
If Top Toolbar is Disabled
- The toolbar appears directly above each block
- It moves as you select different blocks
- You get faster access to inline editing options
Tips for Using the Block Toolbar Effectively
Choose Based on Your Workflow
- Use Top Toolbar for a cleaner workspace
- Use Floating Toolbar for quick inline editing
Use Keyboard Shortcuts
Speed up editing by using WordPress shortcuts instead of clicking tools.
Combine with Full-Screen Mode
For distraction-free editing, enable full-screen mode alongside your toolbar preference.
Test Both Modes
Try both settings to see which feels more comfortable for you.
Common Issues and Fixes
Can’t Find the Toolbar Option
Make sure you are using the block editor (Gutenberg), not the classic editor.
Toolbar Not Moving
Refresh the page after changing the setting.
Settings Not Saving
Clear your browser cache or disable conflicting plugins.
Missing Three-Dot Menu
Update WordPress to the latest version.
Frequently Asked Questions
What is the block settings toolbar?
It is the small menu that appears when you select a block, allowing you to format and customize it.
Can I permanently move the toolbar?
Yes, using the Top Toolbar setting in the editor options.
Does this affect my website design?
No, it only changes how the editor looks, not your live site.
Is this available on all WordPress sites?
Yes, as long as you are using the block editor (Gutenberg).
Can I switch it back anytime?
Yes, you can toggle the setting on or off anytime.
Final Thoughts
Changing the location of the block settings toolbar in WordPress is a simple customization that can significantly improve your editing experience. Whether you prefer a clean, top-aligned toolbar or a flexible floating one, WordPress gives you the freedom to choose what works best for you.
Experiment with both options and settle on the one that makes your workflow faster and more comfortable.