How Do I Configure Menu Settings in Theme 3.0 for My Website?
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
-
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.
-
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.
-
Top Menu Width: Choose the maximum width for the menu content and background.
-
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.
-
Menu Font: Select the font for your menu items.
-
Menu Text & Icon Size: Choose the size for menu text and icons.
-
Menu Background Color: Use the color selector to set the background color behind menu items.
-
Menu Link & Icon Color: Choose the default color for menu links and icons.
-
Menu Link & Icon Hover Color: Set the hover color for menu links and icons.
-
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.
-
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.
-
Top Menu Parent Items Alignment: Set the alignment for parent menu items in the top menu.
-
Enable Menu Button Label: Show the menu label beside the menu icon, which opens the full website menu.
-
Enable Home Icon Button: Display a home icon in the top menu. The home page link is always available in the full website menu.
-
Enable Search Icon Button: Show a search icon in the top menu. The search page link is always available in the full website menu.
-
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.
-
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.
-
Listen Live Label Text: Enter up to 20 characters for the label. Leave blank to hide the label text from the Listen Live button.
-
Listen Live Button Background Color: Use the color selector to choose a background color for the Listen Live button.
-
Listen Live Button Background Hover Color: Use the color selector to choose a hover background color for the Listen Live button.
-
Listen Live Label & Icon Color: Use the color selector to set the color for the Listen Live label and icon.
-
Listen Live Label & Icon Hover Color: Use the color selector to set the hover color for the Listen Live label and icon.
-
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.
Related Articles
How Do I Configure Website Template Settings in Theme 3.0?
How Do I Configure Website Template Settings in Theme 3.0? This Article Is For: Clients with access to Theme 3.0 Users with theme and website settings permissions Step-by-Step Instructions Navigation: Website > Website Settings > Theme > Theme Editor ...
How Do I Customize Theme Settings in SoCast?
How Do I Customize Theme Settings in SoCast? This Article Is For: All users with the Manage Website Settings permission Applicable to: All SoCast Themes Theme Settings allow you to customize your website’s colors and branding. These settings are ...
How Do I Configure Heading Settings in SoCast?
How Do I Configure Heading Settings in SoCast? This Article Is For: All users with the 'Manage Website Settings' permission Applicable to all SoCast Themes This guide explains how to create and customize headings and titles using the 'Header Text' ...
How Do I Display a Ticker on My Website Using SoCast Theme 3.0?
How Do I Display a Ticker on My Website Using SoCast Theme 3.0? This article is for: Clients using SoCast Theme 3.0 Users with access to Website Settings, Theme Settings, and Tickers Step-by-Step Guide Once you have created your ticker, navigate to ...
How Do I Customize Navigation Theme Settings on My SoCast Website?
How Do I Customize Navigation Theme Settings on My SoCast Website? Who Is This Article For? All users with the Manage Website Settings permission Applicable to all SoCast Themes Your website's navigation theme is a key part of your visitors' ...