Configure the website header

To configure the header of your website, go to My site > Header. Note that the design of your header is set by your website theme.

How to configure the design of your header

On the Header page, you can customise the design of your header, including:

• Enable fixed scrolling, so that the header stays in place when a user scrolls.
• Change the background colour and text colour with the colour picker or by adding a HEX code.
• Override the default site logo by uploading a new image.

Note: Depending on your website theme, you may have additional ways to customise the content and design of your header.

How to add and edit links in your header

1. On the Header page, click Add Link.
2. Select the Link Type for the new link:
   • Page - Pages under My Sites > Pages
   • Experience - Pages under Experiences
   • Blog post - Pages under Blog > Posts
   • External Link - Other links and pages from external websites
   • Folder - Label only, ideal for creating submenus
3. Next, use the dropdown menu below Link Type to select the page you'd like to link (pages listed will depend on selected Link Type). For External Links, enter a URL — make sure https:// or http:// is included at the start of the URL and that there are no spaces.
4. Fill in the Label – this will be the text that is displayed on the header menu.
5. Click Create to add the link to the menu. 
6. To change the order of links, drag and drop the items in the list. 
7. To remove a link, click on the bin icon next to the link.
8. Click Save to publish changes. 

How to create a submenu 

Easol's standard website themes allow you to create submenu navigation menus (also known as nested pages or dropdown menus) in the header. This allows you to organise a large number of links. 

To create submenus:

1. In your admin dashboard, go to My Site > Header and click Add Link.
2. Select a Link Type, Page/External Link and Label.
3. Repeat for other links in your submenu.
4. Under Navigation Links, drag and drop submenu links, so that the submenu links are indented and nested under a top-level link.
5. Click Save to publish your menu.

Note: Nesting submenus within submenus requires developer support.

How to add and edit the main call to action in your header

1. In your admin dashboard, go to My Site > Header, toggle Show CTA to display the main call to action button in the header.
2. Next, add a label in the Text field and add the destination link in the Link to field.
3. Click Save to publish changes. 

Additional resources

• How to customise a website theme on Easol