Configure header row layouts

Rows configured with three columns support two flex layouts. Open the row settings and use Row flex layout to control how the left, center, and right columns share the available width.

Flexible middle column

This is the default layout. The left and right columns use the width required by their elements, while the center column expands into the remaining space. It works well when the logo and utility icons stay at the sides and the navigation uses the flexible center area.

A simplified header using a flexible center column.

Browse categories menu — The center column expands between content-sized side columns.

Equal right and left columns

The left and right columns receive equal widths, while the center column uses the width required by its content. Use this layout when an element such as the logo must remain visually centered even when the side columns contain different elements.

Equal side columns keep the center element aligned with the middle of the row.

A split header built with equal left and right columns.

The flex layout setting is not shown when Row columns is set to one.