How to build a layout using the column feature

The modules container and the modules itself have built-in a "column" feature which allows you to build multi-columns layouts. 

Please check the next screenshots to see where you can find this feature.

1
Mouse over the container to reveal the left side controller. Click on the third icon and select the container width needed. You have 1 to 12 columns to choose. 
2
The module columns feature can be used in a similar way. Mouse over the module until the module controller is displayed (blue). Click on the third icon and then select the columns needed. You have 1 to 12 columns to choose. 

Important

All the columns are left floating. On responsive devices, according to the device screen width, these columns will be displayed using this CSS rule. In order to have a more control over the order of the columns ensure that you are using properly the containers. Avoid the usage of all your page modules in a single container.

Related Articles