Change your homepage layout
The Design tab in the white Admin Toolbar allows you to edit site-wide design elements including your website's theme, color palette, and layout options.
This article explains how to easily change your website's homepage layout in the Design Studio.
How to change your homepage layout
- 1
-
Open the Design Studio
To begin, click on Design in the white Admin Toolbar. Once open, the Design Studio will display your site's currently published theme and page layouts.
- 2
-
Click the Layouts button to browse layouts
Once in the Design Studio, click the Layouts button at the bottom of the screen.
Then, browse the homepage layout options available with the theme you've selected.
You’ll notice that different layouts offer unique features. For example, the layout options may include:
- A region for a certain number of buttons on your homepage.
- Homepage feature region options (e.g., different feature region sizes, or feature regions that support video and still images).
- Different arrangements of your homepage content columns.
- A Sections layout (e.g., you can design the page to contain a variety of individual content sections; available in select free themes only).
Select any layout, then click Save.
Incompatible layouts
Your currently published homepage layout may not be supported if you've selected a new theme. If this is the case, the Homepage Layout dialog will display a notification (illustrated above). As a result, you'll need to select a new layout from the options that are displayed.
- 3
-
Preview your site's new design
After you've selected a new homepage layout, you can preview your site's new design settings before publishing. Use the Device Display icons to preview your site on screens of different sizes (desktop, tablet, and mobile).
- 4
-
Publish your new design
You can continue experimenting with different homepage layouts by repeating steps 2-3 as outlined above. Once you're ready for your website to be live using your new design settings, click the green Publish button at the bottom of the Design Studio.
Related: Do more in the Design Studio
Learn how to use the Design Studio to: