{"id":370609,"date":"2026-09-24T11:46:50","date_gmt":"2026-09-24T11:46:50","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/powdi-auto-hide-builder-bar-for-divi\/"},"modified":"2026-09-24T11:55:54","modified_gmt":"2026-09-24T11:55:54","slug":"powdi-auto-hide-builder-bar-for-divi","status":"publish","type":"plugin","link":"https:\/\/fa.wordpress.org\/plugins\/powdi-auto-hide-builder-bar-for-divi\/","author":20042986,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0.1","stable_tag":"1.0.1","tested":"7.1.2","requires":"5.8","requires_php":"7.4","requires_plugins":null,"header_name":"Powdi Auto-Hide Builder Bar for Divi","header_author":"Powdi Themes","header_description":"Adds an \"Enable show\/hide menu\" button to the Divi 5 Visual Builder's builder bar: auto-hides it 300ms after the mouse leaves, and reveals it again 300ms after the mouse rests near the left edge (reflowing the sidebars\/preview iframe to match).","assets_banners_color":"1a1c24","last_updated":"2026-09-24 11:55:54","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/wordpress.org\/plugins\/powdi-auto-hide-builder-bar-for-divi\/","header_author_uri":"https:\/\/powdithemes.com","rating":0,"author_block_rating":0,"active_installs":0,"downloads":104,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0.1":{"tag":"1.0.1","author":"sewerel","date":"2026-09-24 11:55:54","revision":3711222}},"upgrade_notice":{"1.0.1":"<p>Adds a source code repository link to the readme for WordPress.org.<\/p>","1.0.0":"<p>Initial release.<\/p>"},"ratings":[],"assets_icons":{"icon-125x125.jpg":{"filename":"icon-125x125.jpg","revision":3711271,"resolution":"125x125","location":"assets","locale":"","width":125,"height":125},"icon-128x128.gif":{"filename":"icon-128x128.gif","revision":3711774,"resolution":"128x128","location":"assets","locale":"","width":128,"height":128},"icon-250x250.gif":{"filename":"icon-250x250.gif","revision":3711161,"resolution":"250x250","location":"assets","locale":"","width":250,"height":250},"icon-250x250.jpg":{"filename":"icon-250x250.jpg","revision":3711200,"resolution":"250x250","location":"assets","locale":"","width":250,"height":250}},"assets_banners":{"banner-1540x500.gif":{"filename":"banner-1540x500.gif","revision":3711200,"resolution":"1540x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.gif":{"filename":"banner-772x250.gif","revision":3711797,"resolution":"772x250","location":"assets","locale":"","width":1544,"height":500}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.1"],"block_files":[],"assets_screenshots":{"screenshot-1.gif":{"filename":"screenshot-1.gif","revision":3711219,"resolution":"1","location":"assets","locale":"","width":1010,"height":850}},"screenshots":{"1":"Visual Builder Demonstration: See how the builder bar automatically hides when designing in Divi 5."}},"plugin_section":[],"plugin_tags":[282491,10731,254038,2345,10633],"plugin_category":[],"plugin_contributors":[250230],"plugin_business_model":[],"class_list":["post-370609","plugin","type-plugin","status-publish","hentry","plugin_tags-builder-bar","plugin_tags-divi","plugin_tags-divi-5","plugin_tags-productivity","plugin_tags-visual-builder","plugin_contributors-sewerel","plugin_committers-sewerel"],"banners":{"banner":"https:\/\/ps.w.org\/powdi-auto-hide-builder-bar-for-divi\/assets\/banner-772x250.gif?rev=3711797","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/powdi-auto-hide-builder-bar-for-divi\/assets\/icon-128x128.gif?rev=3711774","icon_2x":false,"generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/powdi-auto-hide-builder-bar-for-divi\/assets\/screenshot-1.gif?rev=3711219","caption":"Visual Builder Demonstration: See how the builder bar automatically hides when designing in Divi 5."}],"raw_content":"<!--section=description-->\n<p>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. <strong>Powdi Auto-Hide Builder Bar for Divi<\/strong> adds a single \"Enable show\/hide menu\" button directly to that bar. Turn it on, and:<\/p>\n\n<ul>\n<li>The builder bar hides itself automatically a moment after you move the mouse away from it.<\/li>\n<li>It reappears automatically as soon as you move the mouse back near the left edge of the screen.<\/li>\n<li>The sidebars and the page preview reflow correctly each time, so no gap or overlap is left behind.<\/li>\n<\/ul>\n\n<p>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.<\/p>\n\n<h4>How It Works<\/h4>\n\n<ul>\n<li><strong>Activate the plugin<\/strong>, then open any page in the Divi 5 Visual Builder.<\/li>\n<li>Click <strong>\"Enable show\/hide menu\"<\/strong> on the builder bar itself to turn auto-hide on.<\/li>\n<li>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.<\/li>\n<li>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.<\/li>\n<\/ul>\n\n<h4>What This Plugin Does Not Do<\/h4>\n\n<ul>\n<li>It has no effect on the front end of your site - it ships no shortcodes and adds nothing to the published page.<\/li>\n<li>It only appears inside the Divi 5 Visual Builder; it does nothing on Divi 4's classic builder.<\/li>\n<\/ul>\n\n<h3>Documentation<\/h3>\n\n<p>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.<\/p>\n\n<h3>Source Code<\/h3>\n\n<p>The full, human-readable source code and build tools for <code>build\/bundle.js<\/code> are available at:<\/p>\n\n<p>https:\/\/github.com\/sewerel\/powdi-auto-hide-builder-bar-for-divi<\/p>\n\n<p>The bundled file is built from the ES modules under <code>src\/<\/code> using webpack and babel-loader (see <code>webpack.config.js<\/code> in the repository). To build it yourself:<\/p>\n\n<ol>\n<li><code>npm install<\/code><\/li>\n<li><code>npm run build<\/code> (production) or <code>npm start<\/code> (webpack watch mode)<\/li>\n<\/ol>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to the <code>\/wp-content\/plugins\/powdi-auto-hide-builder-bar-for-divi<\/code> directory, or install the plugin through the WordPress plugins screen.<\/li>\n<li>Activate the plugin through the 'Plugins' screen in WordPress.<\/li>\n<li>Open any page in the Divi 5 Visual Builder and click \"Enable show\/hide menu\" on the builder bar.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20affect%20my%20site%27s%20front%20end%3F\"><h3>Does this affect my site's front end?<\/h3><\/dt>\n<dd><p>No. This is strictly a Divi 5 Visual Builder editing convenience - it has no effect on the published page and ships no shortcodes.<\/p><\/dd>\n<dt id=\"does%20this%20work%20with%20divi%204%3F\"><h3>Does this work with Divi 4?<\/h3><\/dt>\n<dd><p>No. It relies on Divi 5 Visual Builder APIs (the builder bar button API and the <code>divi\/app-ui<\/code> store) that don't exist in Divi 4's classic builder.<\/p><\/dd>\n<dt id=\"does%20it%20work%20with%20the%20left%2Fright%20sidebars%20open%3F\"><h3>Does it work with the left\/right sidebars open?<\/h3><\/dt>\n<dd><p>Yes. The auto-hide\/show behavior works correctly whether a sidebar is open or closed.<\/p><\/dd>\n<dt id=\"how%20do%20i%20turn%20it%20off%3F\"><h3>How do I turn it off?<\/h3><\/dt>\n<dd><p>Click \"Enable show\/hide menu\" again. If the bar happens to be hidden at that moment, it's shown again immediately.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.1<\/h4>\n\n<ul>\n<li>Added source code repository link and build instructions to readme.txt.<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<li>\"Enable show\/hide menu\" button added to the Divi 5 Visual Builder's own left builder bar.<\/li>\n<li>Auto-hide\/auto-show behavior based on mouse position, with sidebars and the preview iframe reflowing correctly.<\/li>\n<li>Works with and without a left\/right sidebar open.<\/li>\n<li>Button's icon shows a live active-look highlight reflecting whether auto-hide is currently enabled.<\/li>\n<\/ul>","raw_excerpt":"Adds an auto-hide\/show toggle to Divi 5&#039;s Visual Builder bar, freeing up canvas space while you work and bringing the bar back when you need it.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/370609","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=370609"}],"author":[{"embeddable":true,"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/sewerel"}],"wp:attachment":[{"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=370609"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=370609"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=370609"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=370609"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=370609"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/fa.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=370609"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}