Editing Header & Footer Design

After the design is generated you'll no doubt want to make some changes to styling, fonts and the content located within the header and footer.

To edit the design go to Dashboard > Website > Designs and click on your design.

Header

The header element contains a logo, your website navigation menu, and some other optional "feature" elements. A number of display variants are available to change the overall display of the header.

To configure the header element, click to select it, click the arrow icon to reveal a menu, and select "edit".

In the left panel of the editor window you may:

• Change the "Style" of the header element, choosing between some available variants. 
• Change the width of the header element. 
• Set the logo alt text - which is usually set to the business name. 
• Define primary and secondary "features" to be shown within the header element - such as social media links or text. Alternatively, these can be removed. 
• Set the background colour of the header element, the background colour of the navigation menu, and the font colour of the navigation menu.

Note: When using the primary and secondary elements in the header, by default the secondary element does not appear on mobile devices.

Footer

The website footer is essentially a section element, with a row and columns of content. For more details on how to edit these elements, please refer to our help article on Page Editing.

Fonts

To update the fonts to be used throughout your website, click the "Styles" button in the left panel, followed by Fonts.

• Choose fonts from the integrated Google fonts library. Other web fonts can be used and installed on your website. Some coding is required to achieve this (contact us).
• Choose a font size preset. The higher the font size preset, the greater the size difference will be between text elements. After selecting a formula, you can override individual elements (to make Heading One text slightly larger etc).
• Select the main font size to be used for body text - which is typically set between 15 ~ 19 px. You may also opt to select a mobile root size, to be used specifically for mobile devices.