Summary: This guide explains how to activate, populate, and style the top bar menu on your Tithely Site to provide quick access to important links, social icons, and contact information.
Before You Begin
Permissions: Ensure you have administrative access to Tithely Sites.
Social Media: If you plan to display social icons, ensure your links are populated in Settings > Social Media Links before starting.
Step-by-Step Instructions
Add items to the Menu.
Navigate to Sites and select Menus from the left-hand panel.
Select Topbar.
Click the Add Link button.
Enter the details:
Label: The text to display.
Link To: The URL or internal page/collection.
Visibility Settings: Adjust who can see this link.
Open in New Tab: Toggle if you want the link to open in a new window.
Click Save Link.
Turn the Topbar Menu 'On'.
Navigate to Sites and select Design from the left-hand panel.
Select Topbar Menu.
On the right side, toggle the Topbar Menu to ON.
Click Save Topbar Menu.
Customize the Design. While still in the Design > Topbar Menu section, adjust the following settings to match your branding:
Select Layout: Choose your preferred alignment (e.g., Right Aligned).
Adjust Colors: Pick your desired color scheme.
Border/Underline: Toggle this visual element on or off.
Select Style: Choose between "Links" (text only) or "Buttons".
Display Options: Toggle on/off Phone number, Social icons, or the Search form.
Click Save Topbar Menu to apply changes.
Troubleshooting & FAQs
Why aren't my social media icons showing up? The Topbar pulls these icons from your global settings, not the design tab.
Solution: Navigate to Settings > Social Media Links to add or edit your URLs. Once added, ensure the "Social icons" toggle is switched ON in the Topbar Menu design settings.
I added links, but the bar isn't appearing on my site. Even if links are added, the bar itself must be enabled globally.
Solution: Go to Design > Topbar Menu and ensure the master toggle is set to ON.