Skip to main content
Version: Beaver Builder 2.7

About this Release

Beaver Builder 2.7 includes the following new features and improvements.

New Responsive Editing Experience

Prior to Beaver Builder 2.7, the responsive editor provided an approximation of how your website would look on a mobile device and worked similarly to resizing a browser window. The new responsive editor uses an iframe. This should provide a better user experience, not only in terms of accuracy, but also ease of use.


  • Preview all device sizes (Extra large, large, medium, and small).
  • You can set a custom height and width in pixels.
  • Zoom (100%, 75%, 50%, and Fit to Window).
  • You can resize the editor window by dragging it from the top, bottom, left, or right.

See the Responsive Editor article for more information.

Visibility UI (Breakpoint)

To improve the user experience, the Breakpoint dropdown menu in the Advanced tab has been replaced with icons. Now you can toggle the device icons to determine when rows, columns, or modules appear.

See the Visibility article for more information.

Per-node CSS & JavaScript

Added an option called Enable Code Settings to WordPress Admin Dashboard > Settings > Beaver Builder > Advanced.

When enabled, a new CSS and JS section becomes available on the Advanced tab for the specific node (row, column, and module) you are working on. All CSS and JavaScript is automatically scoped to that particular node.


In the Outline Panel, a new code () icon appears when custom CSS or JavaScript has been added to a node (row, column, or module).

See the CSS & JavaScript article for more information.

Accordion & Tab - Post Type Multi-select

Add support for Multi-select of post types, allowing you to select one or more post types. For example, you can display both posts and pages.

ACF Blocks Integration

Add integration with ACF Pro Blocks so that you can use them inside the BB UI.

See the ACF Blocks article for more information.