When you go to design your site, you will see two primary tabs within the site editor: General and Layout. The general tab is were you find the general settings for your site theme and design. The layout tab is where you can visibly customize the look of your site and specific pages. Let's dig more into the layout tab and how to use it.
To find the layout tab, you want to go to Site design > Layout. There you will see the page you are editing and the various sections that are currently part of that page.
Selecting which page you want to edit
When in the layout tab, you can select which page you want to customize. By default, this will show your Home page, but you can choose different pages from the dropdown menu or create new ones by clicking "+ Pages and navigation" at the bottom of the dropdown menu.
Note: Some pages, like checkout or product pages, might have limited customization options outside of the general site branding settings found in the General tab of the site designer.
Editing sections within your page
Each section on the left side of the layout tab pertains to a visible section on the page displayed on the right side. You can move, hide, or delete these sections to customize your page as you wish. Hover over each section in the menu bar and click on the six dots to drag and drop, or click the eye icon to hide. To edit a specific section, click on the name of it and it will take you the specific settings for that section.
To add a new section, click on "Add section" and select from one of the many available sections, such as a text section, an image section, a link lists section, a social feeds section, and more!
To edit a specific section, click on its name, which will take you to its specific settings for that section.
Adding custom code
You can add custom code to your pages to customize them even more. This is done via the layout tab in the header or footer section. To learn more on how to use custom code on your Fourthwall site, go to this help article