Divi 5’s Visual Builder keeps its own vertical builder bar pinned to the left edge of the canvas at all times, even while you’re focused on the page itself. Powdi Auto-Hide Builder Bar for Divi adds a single “Enable show/hide menu” button directly to that bar. Turn it on, and:

The builder bar hides itself automatically a moment after you move the mouse away from it.
It reappears automatically as soon as you move the mouse back near the left edge of the screen.
The sidebars and the page preview reflow correctly each time, so no gap or overlap is left behind.

It works whether or not you have a left or right sidebar open, and it never touches your published page – this is purely a Visual Builder editing convenience.

How It Works

Activate the plugin, then open any page in the Divi 5 Visual Builder.
Click “Enable show/hide menu” on the builder bar itself to turn auto-hide on.
Move the mouse away from the bar and it hides shortly after; rest the mouse near the left edge of the screen and it comes back.
Click the button again to turn auto-hide off – if the bar was hidden, it’s shown again immediately so you’re never left without it.

What This Plugin Does Not Do

It has no effect on the front end of your site – it ships no shortcodes and adds nothing to the published page.
It only appears inside the Divi 5 Visual Builder; it does nothing on Divi 4’s classic builder.

Documentation

If you have any questions about this plugin, please check the FAQ section or post a thread in the WordPress.org forum. Please search existing threads before starting a new one.

Source Code

The full, human-readable source code and build tools for build/bundle.js are available at:

https://github.com/sewerel/powdi-auto-hide-builder-bar-for-divi

The bundled file is built from the ES modules under src/ using webpack and babel-loader (see webpack.config.js in the repository). To build it yourself:

npm install
npm run build (production) or npm start (webpack watch mode)