In this article, we will explore how to use Nested Sections and the benefits they provide.

Nested Sections are a feature that allow you to divide a column into smaller sections. This is useful when you want to have multiple content blocks side by side, or when you want to have a larger content block with smaller elements beside it.

Using Nested Sections is simple. Follow these steps to create your own Nested Sections.

Note: At this time Knak does not support adding a nested section into another nested section.

The default when adding in a nested section is to add 2 columns, but you can add more columns or delete them. Find the Columns section to add columns, edit columns, clone columns, or delete columns.

You can also adjust column width in your nested section by clicking into the nested section and selecting the pencil and ruler icon on the bottom right and sliding the bar from left to right.

Add in text boxes/picture elements/etc into your nested section. In the example below we've added a text box to column 1 and an image block to column 2.

Columns are a great way to organize and display content on your website. To edit your columns, you will need to access the "Column Attributes." Navigate to the column you would like to edit on the right menu and click the three buttons beside the column. This will open up the column attributes for you to edit.

From here you can make adjustments to your background color, vertical alignment, column corners, add a border, or add padding!

You can also utilize responsive options which allows for further customization between desktop and mobile view. Open your "Nested Section Attributes" to add different pixel values to adjust padding, hide the nested section on either mobile or desktop, choose to not stack your columns, or reverse column order on mobile.

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