Responsive UI for Beaver Builder
This plugin adds a visual responsive guide to Beaver Builder with a click of a button.
Plugin info
Maintenance & Compatibility
Maintenance score
Stale • Last updated 242 days ago • 5 reviews
Is Responsive UI for Beaver Builder abandoned?
Likely maintained (last update 242 days ago).
Compatibility
Similar & Alternatives
Explore plugins with similar tags, and compare key metrics like downloads, ratings, updates, support, and WP/PHP compatibility.
Description
When you have set Visibility settings in Beaver Builder, it’s not easy to see what rows, columns and modules appear on different devices. This plugin adds a visual guide with a click of a button.
Installation
Frequently Asked Questions
Beaver Builder lets you hide and show elements based on “Visibility” settings dependent on device size. You can control these via the ‘Advanced’ tab in row, column and module settings in the ‘Visibility’ section. Which is great, but the only problem is you can’t then see which elements are hiding and showing until you click on each of their settings.
In order to see which modules, columns and rows are showing/hiding, edit any page with Beaver Builder and you will see the “UI” button appear in the top bar. Click on that to see which elements you have with Visibility settings and which devices they are set to.
Review feed
Screenshots
Once activated you will see the UI button appear in the top of Beaver Builder screenshot-1.png
You will see different icons depending on which Breakpoints you have set in the Visibility settings screenshot-2.png
Changelog
1.0.5
- Tested for WP 6.4+ and edge cases added for separated responsive choices.
1.0.4
- Updated for new responsive Extra Large breakpoint in Beaver Builder 2.6
1.0.3
- Updated compatibility for WP 5.9.
1.0.2
- jQuery updates for WP 5.7
1.0.1
- Amendments to styling so it is more obvious when it is on / off
1.0.0
- Initial Version