Skip to main content
Nested Section

How to create a nested section

Felix Higgs avatar
Written by Felix Higgs
Updated over 2 months ago

You might want to split up a column into two because you might want to have two content blocks beside one larger one. In the image below, the text and image are a nested section and the button is its column.

The nested section will share the background color, vertical alignment, corner radius border and padding.

You can create a nested section within a column by dragging the Nested Section content block over a single column you want to divide into two.

Here is the column before it becomes nested:

After it is nested:

The behavior of a nested section when stacked:

View in builder:

Section stacked:

Reverse Column Order on Mobile:


โ€‹
โ€‹Column Properties

Set column background color, column border and individual column padding. In the screenshot below the left column (column 1) has a blue background, red border and 20px top padding.

Set the corner radius of each column to make them as round as you want.

This particular column has a corner radius of 100 px with a red background.

You can also change the alignment of contents in your column to be aligned to the top, middle or bottom to allow for more granular control. This feature is found within the column under the title 'Vertical Align'

Need more help? Contact support via live chat within Knak using the chat bubble in the bottom right corner or email support@knak.com

Did this answer your question?