Responsive Design
All Accept Builder layouts are responsive, meaning they automatically adjust for various screen sizes
Last updated
Was this helpful?
All Accept Builder layouts are responsive, meaning they automatically adjust for various screen sizes
Last updated
Was this helpful?
Accept Builder has three device sizes built in: large (typically desktop and laptop displays), medium (tablets), and small (smartphones).
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 Accept 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. Accept Builder's Responsive Editing Mode lets you preview your layouts and make per-device settings changes right in the preview.
If you're using an Accept Builder Theme, you can set default heading and text sizes for large, medium, and small devices.
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.