FAQs
Customize a column layout
Arrange modules in page columns or change columns inside a module.
Sprocket Rocket modules with columns use a 12-column grid. In a column module such as SR Two Col 01, open a column and turn on Custom Column Size. Other modules group the same fields under Column Size or Columns.
Each size entry has these fields:
- Column Breakpoint: the screen size the entry applies to. None applies at every size. Mobile, Tablet, Desktop, and XL apply from that screen width up.
- Column Width: how many of the 12 grid columns the column spans.
- Column Offset: empty grid columns before the column.
- Column Order: the column's position in the row, when the reading order on a screen size should differ. Not every module has it.
Add one entry for each breakpoint where the layout should change. Check desktop, tablet, and mobile previews before publishing. The widths and offsets in a row should add up to 12 or less at each breakpoint.
In Page Builder, a section's column layout is set separately. See Sections and columns.