Create a positive customer experience with a navigation that stays on screen while scrolling and always keeps your brand visible.
Here's how to add a Sticky Navigation to your DistributorCentral hosted website:
*Note: the Sticky Navigation is only available in with the Global Navbar on your website, regular Navbar blocks added to your website will not allow for Sticky Navigation*
- While logged into your DistributorCentral account, open the website editor. Learn How
- With the website editor open click Settings in the left side menu
- Under Settings, find the Global settings and click Edit Navbar
The Edit Navbar screen will open: - In the Edit Navbar screen select Use global navbar
- Click Enable Global Navbar
- Next, select the type of Branding you would like to use on the navigation
- Use Text: Type a message in to display in the far left of your Global Navigation.
(Select this and leave the field empty if you'd like to use no branding on the Global Navigation menu) - Use Image: Upload you company's logo to display on the far right of your Global Navigation
- Use Text: Type a message in to display in the far left of your Global Navigation.
- Select the style to use on the Global Navigation
- Normal uses standard theme colors. *Recommended*
- Inverse uses an alternate color option and is typically darker. Not all themes support this type.
- Change the Layout field to Fixed.
(Fixed is the Sticky Navigation effect) - After selecting a Fixed layout for your navigation, you can continue by adding links and other content to the navigation under Navbar Content
- Click the +Link button to add new links to your website
- Click the +Group button to add dropdown groups to add links to
- Click Done in the bottom right corner when you're done editing your Global Navigation
- Save Changes before closing or previewing your website
Thats it! Your website's navigation will stick to the top of the screen while scrolling through your website.