Skip to main content

Columns

Add, resize and reorder columns

Updated over a month ago

Easily customize column layouts in Knak to fit your design needs. You can add, resize, or reorder columns after creating a section.

Add Columns

Add additional columns to a section to place content side by side.

Steps

  1. Click the outer area of the section.

  2. Open Section Attributes.

  3. Expand the Columns dropdown.

  4. Click + Add Column.

  5. Repeat until you have the number of columns needed.

Section Attributes panel with the Columns dropdown and “+ Add Column” button visible.

Resize Columns

Adjust the width of each column to control spacing and layout.

Steps

  1. Locate the section to adjust.

  2. Click the Manage Columns icon (ruler and pencil icon) on the section edge.

  3. The slider controls the space between the two columns. Moving it changes the width of each column in real time.

This example shows a two-column section.

  • Drag the middle slider right to increase the width of the left column.

  • Drag the middle slider left to increase the width of the right column.

Reorder Columns

Change the order of columns to adjust the layout and visual flow of your section.

Method 1: Reorder From the Canvas

  1. Click the outer edge of the section.

  2. Click the Manage Columns icon.

  3. Locate the four-arrow drag icon on the column.

  4. Drag the column to the new position.

Method 2: Reorder From the Layer Browser

You can also reorder columns using the Layer Browser.

  1. Open the Layer Browser.

  2. Locate the columns inside the section.

  3. Click and drag a column layer to a new position.

  4. Release to update the column order.

This method is helpful when working with complex layouts or nested content.


Make Columns Equal Height

Equal height columns ensure consistent alignment across a section.

Steps

  1. Click the section containing the columns.

  2. Open the Columns dropdown.

  3. Select Equal Height to match column heights.

  4. Select Fit Content to allow columns to hug their content.


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?