Summary: This guide walks you through the steps to adjust the design settings for your Sites main menu, allowing you to customize the layout, colors, background opacity, logo placement, hover animations, and enable or disable the sticky menu feature.
Before You Begin
-
You must have Admin permissions to access Sites > Design settings.
-
Ensure your Logo and Site Colors are already uploaded/set, as the menu design utilizes these elements.
Step-by-Step Instructions
1. Click on Sites from your main navigation menu.
2. Select Design from the left menu, and then Main Menu.
3. Select your preferred Menu Layout from the available options.
4. Adjust the menu background by Selecting Solid Fill or Gradient for the Background and Adjusting the Opacity slider bar.
5. Set the Colors for the menu background, text, and hover effects.
6. Select the logo settings: Toggle the Logo Border on or off, Choose the Logo Alignment (top, middle, or bottom), and Adjust the Logo Size using the dropdown.
7. Select a Hover Animation effect (Off, Underline Left, etc.).
8. Toggle the Sticky Menu option On to keep the menu fixed at the top of the page as users scroll.
9. Click the Save Main Menu button to apply your changes.
Troubleshooting & FAQs
-
Why is the Sticky Menu not working when I'm logged in? The sticky menu feature may not display when you are logged in as an administrator. View the site while logged out to confirm the setting is working.
-
The menu text color doesn't look right with the background: Ensure you manually Set the Colors for the menu text and background in Step 5 to achieve sufficient contrast for readability.