Alter Layout with Columns (& Create a Sidebar)
Columns can be created easily! Simply drag elements next to each other right on the page. Doing so creates two or three or four or however many columns you need.
Column widths snap to a grid
You can adjust the width of a column simply by dragging the blue line that divides two columns. To help keep column widths consistent between pages, a grid system makes all columns snap in place. If you want to break free of this grid, just hold "Shift" while you drag the column divider line and you can drag it wherever you like.
You can adjust the width of a column simply by dragging the blue line that divides two columns. To help keep column widths consistent between pages, a grid system makes all columns snap in place. If you want to break free of this grid, just hold "Shift" while you drag the column divider line and you can drag it wherever you like.
We'll stick with only two columns for this example, but regardless of the number of columns they all work the same way: you drag other elements into the columns.
The divider between the columns doesn't show up on the published site so visitors will not see that.
Move and Copy Columns
Simply click on one of the divider lines in a set of columns and the entire column becomes framed as a single element. The move / copy controls appear in the top left corner. For more details, visit Copy/Move Columns. |
Delete a Block of Columns
You can easily delete an entire block of columns with all the elements inside it. Just as you did for moving and copying columns above, simply click on one of the divider lines in a set of columns and the entire column becomes framed as a single element. Now look on the upper-right hand side of the frame. You will see a small X. Click it to delete the column set.
Next up: Create Pages and Arrange Navigation
You can easily delete an entire block of columns with all the elements inside it. Just as you did for moving and copying columns above, simply click on one of the divider lines in a set of columns and the entire column becomes framed as a single element. Now look on the upper-right hand side of the frame. You will see a small X. Click it to delete the column set.
Next up: Create Pages and Arrange Navigation