Tuesday, 12. 11. 2019
Home»EXAMPLES»COLUMN-CONTAINER page example

COLUMN-CONTAINER page example

What is a column-container:
A COLUMN-CONTAINER page can be horizontally split into more columns, for different data (EX: bottom info of Perming Lashes page).

In this way, the columns will be fully responsive on different mobile and PC devices.

Purpose:
You can arrange the content information into more columns, which will have a responsible layout.

Possibilities:
You can keep a full width column,
or
two half-width column
or
three third-width column
or
four quarter-width column

Other:
You can insert in every column any information you want: text, image, video, links, pdf-s, etc.

How to create:
When creating a new page for your mainmenu, select the "Lead Container". Then when create new article, just select the "ROW" at "Template name". Any sublevel will be a column box. At column box select the width you want: "half width", "full width", etc.

Left column title

Left column - a third of full width - plus texts texts texts texts texts texts texts for height test

COLUMN LEFT

Middle column title

Middle column - a third of full width

COLUMN MIDDLE

 

Right column title

Right column - a third of full width

COLUMN RIGHT

Example of half column box

Example of half column box

Example of quarter column with lot of texts texts texts texts texts texts texts for testing the heights...

Example of quarter column

Example of quarter column

Example of quarter column

Example of full width column

Combined a half with two quarter columns

Combined a half with two quarter columns

Combined a half with two quarter columns