Editing a header

Editor role: Site Owner, Site Administrator 

Please note this product is in development and you may find videos and documentation don't reflect current functionality. 

A header is the top section of a page, typically containing the University crest and a site logo, main navigation menu, and sometimes a search bar or other important information. It's a crucial element that provides a consistent user experience and helps visitors navigate the site.

To find the header settings:

• Go to the 'Settings’ tab and select 'Header and Footer’
• Scroll down and find the header you want to edit
• Click 'Edit' to open the edit window

In the edit pane:

• Update the 'Title' of the header (only visible to you).
• Change the status, if necessary. This defaults to published.
• Record any changes you've made in the revision log.

Click on the header to open the 'Edit header' pane:

• Add a 'Header title' (usually the website name).
• Choose whether to display the University crest and select its shape.
• Add a link and link text for the crest. This defaults to the University homepage.
• Select a 'Menu' for your site. This is the primary navigation that appears across the bottom of your header. It defaults to 'Main navigation' (see editing the main navigation menu).
• Choose a 'Quick links' menu.
• Toggle the 'Show search' on/off to make it appear or disappear from the header.
• Add optional search text to display above the search tool.

• Click on the header in the preview pane and hover over the small box to the right of the University crest.
• Click 'Add site logo' and then click 'Add media'. In the new window, you can either:
  • 'Choose file' to upload an image from your computer. Please read the advice about using suitable images (i.e. dimensions, file size, format).
  • Select from the images already available.
• Click 'Insert selected' and add an optional link and captions.
• Make any styling adjustments in the 'Styles' tab.
• Click 'Apply' to add the site logo to the header.

• When you are done editing, click 'Save' and 'Exit editing' to see a preview of the header.

• Header and footer playlist
• Add a header and footer to a site
• Edit a footer
• Creating a custom header and footer

Back to top