Nested columns?

[Michael]

Michael

November 14, 2017 at 1:46 pm

Hi Kadence,
I’m try to put columns inside columns and it’s making a mess and simply not working. It appears that the columns shortcode can’t handle nesting. Any ideas how to proceed?

What I want to do is described roughly below in shortcode. The nesting is important because on mobile (where everything folds vertically), I need the 1st two quarters to sit just below the left half. If I simply do a 2 column split followed by a 4 column split, on mobile all the 4 quarters follow AFTER the 2 halves; which is not what I want.

[columns][span6]
Upper left half content
[columns][span3]
Left content below left half. Spanning 1st 1/4 of the page with.
[/span3][span3]
Right content below left half. Spanning 2nd 1/4 of the page with.
[/span3][/columns]
[/span6][span6]
Upper right half content
[columns][span3]
Left content below right half. Spanning 3rd 1/4 of the page with.
[/span3][span3]
Right content below right half. Spanning 4th 1/4 of the page with.
[/span3][/columns]
[/span6][/columns]

Thanks,
Michael