How Do I Configure Menu Settings in Theme 3.0 for My Website?

This Article Is For:

• Clients with access to Theme 3.0
• Users with theme and website settings permissions

Step-by-Step Instructions

Navigation Path: Website > Website Settings > Theme > Theme Editor > Menu

1. Configure Menu Appearance: Set up the website menu to help users navigate your site. If you disable the menu (set position to 'None'), you can create a custom menu using the custom header HTML in website settings.
2. Top Menu Position: Use the drop-down to select the menu's position relative to the website hero. The menu appears below the header ad and ticker, or above individual heroes if those positions are also selected.
3. Top Menu Width: Choose the maximum width for the menu content and background.
4. Top Menu Height: Select the menu height in pixels (e.g., 50). Leave blank to use the default height based on menu text and icon size.
5. Menu Font: Select the font for your menu items.
6. Menu Text & Icon Size: Choose the size for menu text and icons.
7. Menu Background Color: Use the color selector to set the background color behind menu items.
8. Menu Link & Icon Color: Choose the default color for menu links and icons.
9. Menu Link & Icon Hover Color: Set the hover color for menu links and icons.
10. Menu Logo Image: Upload a logo for your menu.
    • Suggested max size: 200px width
    • Format: PNG or GIF
    • Recommended: PNG with transparent background
    • Placement: Appears to the right of the menu button by default if an image is selected.
11. Enable Top Menu Parent Items: Allow up to 6 parent menu items in the top menu. Visibility depends on available space (item name length, text size, etc.). Manage Menu Items to adjust your top menu parent items.
12. Top Menu Parent Items Alignment: Set the alignment for parent menu items in the top menu.
13. Enable Menu Button Label: Show the menu label beside the menu icon, which opens the full website menu.
14. Enable Home Icon Button: Display a home icon in the top menu. The home page link is always available in the full website menu.
15. Enable Search Icon Button: Show a search icon in the top menu. The search page link is always available in the full website menu.
16. Enable Member Sign In Buttons: Show sign-in and member options at the top of the full website menu when member sign-up is configured. Configure Member Sign Up Settings to set up the user signup experience.
17. Enable Listen Live Button: Display the Listen Live button in the top menu. This opens the player if one or more radio streams are configured. Configure Radio Stream Settings to set up your player stream.
18. Listen Live Label Text: Enter up to 20 characters for the label. Leave blank to hide the label text from the Listen Live button.
19. Listen Live Button Background Color: Use the color selector to choose a background color for the Listen Live button.
20. Listen Live Button Background Hover Color: Use the color selector to choose a hover background color for the Listen Live button.
21. Listen Live Label & Icon Color: Use the color selector to set the color for the Listen Live label and icon.
22. Listen Live Label & Icon Hover Color: Use the color selector to set the hover color for the Listen Live label and icon.
23. Publish Your Changes: Once you have finished configuring your template, click Publish to apply your changes.

By following these steps, you can customize your website's menu in Theme 3.0 to best suit your station's needs and enhance your audience's navigation experience.