Stretch a Row Full Page Width


All web pages are made up of a grid of rows and columns, the same as a table or columns and rows.  In Visual Editor you can add any number of rows and define the number of columns in each row.  In each column you can add content such as text, images and videos.


How to make a Row Full Width

First edit or insert a new row. Next click on the Edit Row icon as shown below

You will now see the Edit Row window appear. Click on the checkbox under the label Full Width Content.  The row will now display on the website as full width.

Adding Columns

After adding a row (or element such as a text block, image, etc), you are able to split the row into more than one column.

Click on the columns icon (as shown below)

After selecting the appropriate columns setup, simply by clicking on one of the icons under the Row Layout label, click on the Save button ( your row will be split into the columns setup you have chosen, as shown below this example is 2 columns of equal width 1/2, 1/2)

Back to Top