Understanding Rows, Columns and Modules

Rows are the outermost containers you use when building a page. Think of them like horizontal sections, or shelves on a wall.

Each row can:

• Stretch across the full width of the page or stay fixed in the centre
• Have its own background colour, image or video
• Be divided into multiple columns

Use rows to break your page into logical sections, like:

• Hero banner
• About us
• Testimonials
• Footer

Columns sit inside rows. They divide each row vertically into one or more sections.

For example:

• A row might contain two columns: one for an image, one for text
• Or three columns for a list of services
• You can even nest columns within columns for more complex layouts

Columns help organise your content, especially when you want side-by-side elements that stay responsive across different screen sizes.

Modules are the actual content blocks. You drop them inside columns to display things like:

• Text
• Images
• Buttons
• Maps
• Videos
• Sliders

Beaver Builder comes with a wide selection of built-in modules. You can drag and drop them wherever you want, then customise their settings using the side panel.

Tip: You can stack multiple modules in a single column, and use margins or spacers to control the vertical space between them.