Tahoe Site Header
The header and footer settings page allows you to customize the areas at the top and bottom of your Tahoe site. This article covers the Header half of that.
The site header page has the following styling options:
Property | Description |
---|---|
Header logo/icon height | The height of the logo in the site header. This applies to both the icon-only logo and full logo image. The width of the image will automatically scale proportionate to the selected height. Recommended value: 75px |
Header Font Size | The size of text in your header, including links and course details. By default, this is 15px. |
Header Background Color | The background color of the header area. If your logo image is not transparent, then any colour value here other than that of the background of the logo will look wrong. For this reason, transparent logos are highly recommended. |
Header Text Color | The color of text in the header area. It is recommended that a color with sufficient contrast with the header background color is chosen in order to ensure the header text is readable. You will not be warned if the text will be unreadable. |
Header Buttons Color | The color of call-to-action buttons in your header, such as "Register". We recommend your brand color for these buttons, unless a different color would make them more visible to users. |
In addition to these are additional menu item options. These function identically, with the following differences:
- Header menu (non-authenticated visitor) items appear to users who are not logged in on your website. This is useful for linking content that is specifically targeted at users who have not yet registered.
- Header menu (authenticated visitor) items apear to users who are logged into your site. This is useful for content directing those users to pages suggesting specific course tracks and lead collection forms.
Items added in this way will appear in both the header navigation and the hamburger menu that can be expanded from the top right of all pages.
Adding a new item provides the following controls:
Property | Description |
---|---|
Label | The link text that appears in the header for the item, for example "About us". |
URL | The URL of the page that the link should direct users to, for example "/about". Links to external sites must include the full URL, including http://, for example, https://www.appsembler.com |
Display as button | True or false. This applies the call-to-action button styling to the link item to help it stand out. |
Open in new tab | True or false. This controls whether the link will open in the current tab or a new one. We recommend that internal links set this to false, while external site links have this set to true to ensure learners remain on your Tahoe site. |
Delete | The red trashcan icon will remove the item from the menu. It cannot be restored once changes are saved. |
Reorder | The arrow icons can be dragged to reorder items in both the header and the menu. |