Skip to main content

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.