Mercury Dokumentation

Layout row

Creates rows with one or more columns, into which content elements can be placed.

By combining several layout rows on one page, even complex page layouts can be created.

The responsive behaviour between mobile and desktop devices is largely determined by the layout row.

The available layout rows are predefined and cannot be changed.

Content A2

This content is displayed mobile above A1.

This is the default behavior for “side columns.”

Content A1

This content is displayed mobile below A2.

Content B2

This content is displayed mobile below B1.

This behavior was defined in the element settings of the layout row.

Content B1

This content is displayed mobile above B2.

Content A2

This content is displayed mobile above A1.

This is the default behavior for “side columns.”

Content A1

This content is displayed mobile below A2.

Content B2

This content is displayed mobile below B1.

This behavior was defined in the element settings of the layout row.

Content B1

This content is displayed mobile above B2.

Content C1

This content is displayed mobile above C1.

On desktop, the content is on the left.

This is the default behavior.

Content C2

This content is displayed mobile below C2.

On desktop, the content is on the right.

This is the default behavior.

Content D1

This content is displayed mobile below D2.

On desktop, the content is on the left.

This behavior was defined in the element settings of the layout row.

Content D2

This content is displayed mobile above D1.

On desktop, the content is on the right.

This behavior was defined in the element settings of the layout row.

Content C1

This content is displayed mobile above C1.

On desktop, the content is on the left.

This is the default behavior.

Content C2

This content is displayed mobile below C2.

On desktop, the content is on the right.

This is the default behavior.

Content D1

This content is displayed mobile below D2.

On desktop, the content is on the left.

This behavior was defined in the element settings of the layout row.

Content D2

This content is displayed mobile above D1.

On desktop, the content is on the right.

This behavior was defined in the element settings of the layout row.

Content E1

This content is displayed mobile above E2.

This is the default behaviour for "side columns".

Content E2

This content is displayed mobile below E1.

Content F1

This content is displayed mobile below F2.

This behavior was defined in the element settings of the layout row.

Content F2

This content is displayed mobile above F1.

Content E1

This content is displayed mobile above E2.

This is the default behaviour for "side columns".

Content E2

This content is displayed mobile below E1.

Content F1

This content is displayed mobile below F2.

This behavior was defined in the element settings of the layout row.

Content F2

This content is displayed mobile above F1.

1

2

3

1

2

3

1

2

3

4

1

2

3

4

1

2

3

4

5

6

1

2

3

4

5

6

There is also a special type of row for tiles only. This allows you to create a row that can contain any number of tile elements. The tiles “flow” dynamically into multiple rows if necessary. This allows you to achieve special effects.

Examples for tiles