Custom Header
Transform your SharePoint site’s navigation experience and showcase your brand identity.
Configuration
| Field | Description |
|---|---|
| Show Header | Click to enable and display Sprocket header on your site. Note: Enabling Sprocket Header provides you the following additional options. |
| Header Logo | Click Select Logo and select a logo to display on your Sprocket header. |
| Show Site Title | Click to enable and display title on your site. |
| Hide Hub Site Title | Click to hide hub site title on your site. |
| Minimise On Scroll | Click to switch between a standard and a compact Sprocket header as you scroll down the page. If you prefer to always have the standard header visible, you can simply disable this feature. |
| Layout | Click to select from the following layout options: Standard - Default option with standard size, Compact - Reduced header height, Custom - enables you to manually set the header height. |
| Custom Header Height | Enter a custom size for the header if you have selected the Custom layout option. |
| Font Colour | Click to pick a colour for of the font, from the colour picker. Click Reset to default icon to revert to the default colour. |
| Icon Colour | Click to pick a colour for of the font, from the colour picker. Click Reset to default icon to revert to the default colour. |
| Background Colour | Click to pick a colour for of the font, from the colour picker. Click Reset to default icon to revert to the default colour. |
| Background Image | Click Select Background Image and select an image to display on the header background. |
| Show Navigation | Click to enable navigation option on the Sprocket header. Available options are: Hub, Site, Term Store |
| Navigation Data Source | Select the source from which you want to pick the navigation data. |
| Term Set | Click the drop-down list to select a Term Set. Optionally, you can click Manage Term Store to manage the organizational terminologies. |
| Global Navigation Source | Provide a relative URL to site which you want to pick the navigation data. |
| Menu Style | Click to select from the following menu styles: Cascading - displays a traditional dropdown menu with a vertical hierarchy, Mega Menu - displays a larger dropdown menu with multiple columns of content. |
| Navigation Font Colour | Choose a custom font color for your Mega Menu's navigation. Use the color picker tool to select your preferred color or enter a specific color code. This option enables you to personalize your Mega Menu's font color. |
| Navigation Background Color | Choose a custom background color for your Mega Menu's navigation. Use the color picker tool to select your preferred color or enter a specific color code. This option allows you to personalize your Mega Menu's background color. |
| Navigation Hover Effect Color | Choose a custom color for the hover effect on your Mega Menu's navigation. Use the color picker tool to select your preferred color or enter a specific color code. This option enables you to personalize the hover effect color on your Mega Menu's navigation. |
| Navigation Hover Text Color | Choose a custom font color for the text in the hover state of your Mega Menu's navigation. Use the color picker tool to select your preferred color or enter a specific color code. This option allows you to personalize the font color of the text in the hover state of your Mega Menu's navigation. |
| Show Hub Navigation | Click to enable hub navigation display when the data source is Site. This option is available only when you select Site or Term Store as the Navigation Data Source. |
| Show Following | Click to enable display of the number of site followers. |
| Show Share | Click to enable display of the number of site shares. |