Full width section block configuration

The Full width section block creates a page section whose background, border, padding, and other section styles can extend across the viewport instead of stopping at the site content width.

Choose the inner structure

After adding the block, select one of the following starting structures:

• Row: adds a Row when the section content needs multiple columns.
• Container: adds a flexible wrapper for a single content flow or a custom Flexbox layout.
• Blank: leaves the section empty so you can add content blocks directly without an inner layout wrapper.

Control the content width

The Full width section itself spans the viewport. A Row or Container placed directly inside it keeps the content aligned with the site container by default. Select that inner block and use Advanced -> Dimensions -> Width when you need a different content width.

With Blank, direct child blocks are not automatically limited by an inner Row or Container. Use this option for intentionally full-bleed content or add your own wrappers where required.

Place Full width sections at the root of the page content. Avoid using them inside another constrained layout or on a page with a sidebar, where the viewport-wide section may not align with the intended page structure.