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 Color | Click to pick a color for of the font, from the color picker. Click Reset to default icon to revert to the default color. |
Icon Color | Click to pick a color for of the font, from the color picker. Click Reset to default icon to revert to the default color. |
Background Color | Click to pick a color for of the font, from the color picker. Click Reset to default icon to revert to the default color. |
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. |
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. |
Menu 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. |
Menu Font Color | 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. |
Menu 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. |
Menu Divider Color | Choose a custom divider color for the sub-navigation to separate items visually. Use the color picker tool to select your preferred color or enter a specific color code. This option allows you to personalize the divider color for the Sub-navigation. |
Show Following | Click to enable display of the number of site followers. |
Show Share | Click to enable display of the number of site shares. |