This lesson will cover the following topics:

01 Getting Started

This tutorial covers adding a header, including:
  • Adding and hiding the header.
  • Difference between the header and strip.
  • Header components.

02 Adding and Hiding a Header

1. Expand the Pages dropdown and click Manage Menus.

pages drop-down > manage menus

2. Enable the Include a Header switch.

site menus

A header will be automatically added to all project pages.

To hide the menu from a page:

1. Navigate to the layer list.

2. Next to the header, click the eye icon.

hiding header from layer list

03 Header Structure

The header has a built-in structure; it contains elements that cannot be moved freely. However, you can choose to make limited changes to the header elements.

1. Navigate to the Site Menu window.

In the Header menu:

1. Click the eye icon to show or hide a page in the menu.

site menu > header tab

In the Logo tab:

1. Enable the Include a Logo switch to display a menu logo.

2. To include an on-click action, click the gear icon.

site menu > header > logo

In the Title tab:

1. Enable the Include a Title switch to add a menu title.

2. Use the Title field to add a title.

3. To include an on-click action, click the gear icon.

site menu > header > menu

In the User Account tab:

You can enable Users to log in and set account dropdown options.

site menu > user account

In the User Profile tab:

You can edit the profile icon or display profile images captured in Salesforce.

site menu > user profile

A shopping cart badge is displayed if you are using Titan’s e-commerce product.

You can add specific elements to the header, such as a shape.

header shape example

04 Got Feedback?