Skip to main content
Version: Next

Responsive behavior in Beaver Builder

All Beaver Builder layouts are responsive, meaning they automatically adjust for various screen sizes. Beaver Builder has three device sizes built in: large (typically desktop and laptop displays), medium (tablets), and small (smartphones).

How Beaver Builder layouts are responsive#

By default, layouts are responsive in the following ways:

Set different default heading and text sizes per device with Beaver Theme#

If you're using the Beaver Builder Theme, you can set default heading and text sizes for large, medium, and small devices for Beaver Builder plugin and Beaver Themer layouts.

We don't recommend this#

You can disable responsive behavior site-wide. An example of when you might want to do this is when you're creating an internal website that is intended for viewing only on large devices in a maximum-security facility that doesn't allow viewing on smaller devices and doesn't want to be found by Google search.

Last updated on