All Buzz Builder layouts are responsive, meaning they automatically adjust for various screen sizes. Buzz Builder has three device sizes built in: large (typically desktop and laptop displays), medium (tablets), and small (smartphones).
How Buzz Builder layouts are responsive
By default, layouts are responsive in the following ways:
- Breakpoints
The three device-size categories (large, medium, small) are determined by breakpoints, which are screen-width values in pixels. By changing default breakpoints, you can tweak the behavior for specific device sizes. - Stacking
Stacking determines how columns and modules are ordered as the width of the display decreases. You can prevent and control column stacking by setting custom column widths for each device size, or you can reverse the order of column stacking. - Spacing
Margins and padding for rows, columns, and modules are automatically adjusted on small devices with the Buzz Builder auto spacing feature. For fine-tuning, you can adjust margins and padding for each device size to override auto spacing, or you can disable auto spacing entirely. - Visibility
By default, all modules are visible at every device size, but you can hide any row, column, or module on particular device sizes. One use of this feature is to design different layout segments (such as rows) and make them visible to a different subset of device sizes. - Per-device settings
Certain row, column, and module settings can be set differently for large, medium, and small devices. Just look for the responsive settings icon in the settings panel. Buzz Builder’s Responsive Editing Mode lets you preview your layouts and make per-device settings changes right in the preview.
Set different default heading and text sizes per device with Buzz Theme
If you’re using the Buzz Builder Theme, you can set default heading and text sizes for large, medium, and small devices for Buzz Builder plugin and Buzz 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.