Desktop Column Stacking

The desktop columns stacking setting makes it possible to stack columns in a single row. To enable this setting, simply toggle it under Row Settings.


Desktop vs Other Viewports

By default, this setting is automatically enabled on the tablet and mobile viewports, given that this is their normal row behaviour.

 

How to use Desktop Column Stacking?

This setting is extremely useful to be able to stack columns in an individual row. For example, if you wish to add a title on top of a three-columned row, you must enable this setting.

For those familiar with CSS "float" properties, this is akin to floating all the columns left.

 

Watch the GIF below for a quick visual representation of the example!

 

Anything we’ve not covered?

Contact Us