Adding a Header (3 min)
Completion requirements
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](https://academy.titandxp.com/pluginfile.php/1945/mod_custompage/topics/112746183/1_Managemenus.png)
2. Enable the Include a Header switch.
![site menus](https://academy.titandxp.com/pluginfile.php/1945/mod_custompage/topics/112746183/2_Includeaheader.png)
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](https://academy.titandxp.com/pluginfile.php/1945/mod_custompage/topics/112746183/3_Hideheader.png)
![pages drop-down > manage menus](https://academy.titandxp.com/pluginfile.php/1945/mod_custompage/topics/112746183/1_Managemenus.png)
2. Enable the Include a Header switch.
![site menus](https://academy.titandxp.com/pluginfile.php/1945/mod_custompage/topics/112746183/2_Includeaheader.png)
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](https://academy.titandxp.com/pluginfile.php/1945/mod_custompage/topics/112746183/3_Hideheader.png)
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](https://academy.titandxp.com/pluginfile.php/1945/mod_custompage/topics/778239620/4_Header.png)
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](https://academy.titandxp.com/pluginfile.php/1945/mod_custompage/topics/778239620/5_logo.png)
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](https://academy.titandxp.com/pluginfile.php/1945/mod_custompage/topics/778239620/6_title.png)
In the User Account tab:
You can enable Users to log in and set account dropdown options.
![site menu > user account](https://academy.titandxp.com/pluginfile.php/1945/mod_custompage/topics/778239620/7_useraccount.png)
In the User Profile tab:
You can edit the profile icon or display profile images captured in Salesforce.
![site menu > user profile](https://academy.titandxp.com/pluginfile.php/1945/mod_custompage/topics/778239620/8_Userprofile.png)
If you are using Titan’s e-commerce product; a shopping cart badge is displayed.
You can add specific elements to the header, for example, a shape.
![header shape example](https://academy.titandxp.com/pluginfile.php/1945/mod_custompage/topics/778239620/9_headerShape.png)
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](https://academy.titandxp.com/pluginfile.php/1945/mod_custompage/topics/778239620/4_Header.png)
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](https://academy.titandxp.com/pluginfile.php/1945/mod_custompage/topics/778239620/5_logo.png)
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](https://academy.titandxp.com/pluginfile.php/1945/mod_custompage/topics/778239620/6_title.png)
In the User Account tab:
You can enable Users to log in and set account dropdown options.
![site menu > user account](https://academy.titandxp.com/pluginfile.php/1945/mod_custompage/topics/778239620/7_useraccount.png)
In the User Profile tab:
You can edit the profile icon or display profile images captured in Salesforce.
![site menu > user profile](https://academy.titandxp.com/pluginfile.php/1945/mod_custompage/topics/778239620/8_Userprofile.png)
If you are using Titan’s e-commerce product; a shopping cart badge is displayed.
You can add specific elements to the header, for example, a shape.
![header shape example](https://academy.titandxp.com/pluginfile.php/1945/mod_custompage/topics/778239620/9_headerShape.png)