There are multiple reasons why (when you’re designing) you’d want to be able to add a column inside a column. This shortcode option gives you the ability to layout a page in a multitude of ways. In addition to the standard desktop layout these columns are fully responsive. The grid adapts to be 724px and 1170px wide depending on your viewport. Below 767px viewports, the columns become fluid and stack vertically.

Here are just a few examples, there are a lot of variations not included here.

How to access: Click [R] for the Shortcode Editor > Select Column in Column > Select Options to Customize.

First Column / One Half

First Column / One Half (in Column)

Second Column / One Half (in Column)

1

2

3

4

Second Column / One Half

First Column / One Half (in Column)

Second Column / One Half (in Column)

1

2

3

4

5

Column in Column Shortcode in Action

The section here is in a 2/3 section in the middle, 1/6 on both sides. There are hundreds (if not thousands) of variations available for column layouts. The column in column option expands your possibilities even further.

No Gutter Columns

Bunch of Options

Love the Columns