Theme 3.0: Menu Settings

Theme 3.0: Menu Settings

This Article Is For:

  1. Clients with access to the Theme 3.0
  2. Users who have theme & website settings permissions

Step-By-Step Instructions

Website > Website Settings > Theme > Theme Editor > Menu

  1. Configure the appearance of the website menu. Allows users to navigate across the website when enabled. When disabled (position is set to 'None'), a custom menu can be created using the custom header HTML in the website settings.

  2. Top Menu Position: Using the drop-down, select the top menu position. Sets the position of website menu relative to the website hero. The website menu appears below the header ad and website ticker and/or above individual heroes if the same position has also been selected for those items.

  3. Top Menu Width: Using the drop-down, select the top menu width. Sets the maximum width of the content and background within the top menu.

  4. Top Menu Height: Using the drop-down, select the top menu height. In pixels, e.g. 50. Leave blank to use the default height based on the menu text & icon size selected.

  5. Menu Font: Using the drop-down, select the menu font.

  6. Menu Text & Icon Size: Using the drop-down, select the menu text & icon size.

  7. Menu Background Color: Using the color selector, select the menu background color. Appears behind the menu items.

  8. Menu Link & Icon Color: Using the color selector, select the menu link and icon color. Used for the default color of menu items in the top menu and full website menu.

  9. Menu Link & Icon Hover Color: Using the color selector, select the menu link and icon hover color. Used for the hover color of menu items in the top menu and full website menu.

  10. Menu Logo Image: Upload a menu logo image.

    1. Dimensions: Suggested max. size 200px width

    2. Format: PNG, GIF

    3. Recommended: PNG with transparent background

    4. Appears to the right of the menu button by default if an image is selected.

  11. Enable Top Menu Parent Items: When enabled, up to 6 parent menu items can appear in the top menu. Item visibility is based on the available space in the menu, e.g. length of the item names, menu text size, etc. Click Manage Menu Items to manage your top menu parent items.

  12. Top Menu Parent Items Alignment: Sets the alignment of the parent menu items in the top menu.

  13. Enable Menu Button Label: When enabled, the menu label appears beside the menu icon, which open the full website menu.

  14. Enable Home Icon Button: Appears in the top menu when enabled. A link to the home page is always available in the full website menu.

  15. Enable Search Icon Button: Appears in the top menu when enabled. A link to the search page is always available in the full website menu.

  16. Enable Member Sign In Buttons: When enabled, the sign in and member options appear at the top of the full website menu when member sign up has been configured for this account. Click Configure Member Sign Up Settings to configure the user signup experience.

  17. Enable Listen Live Button: When enabled, the listen live button appears in the top menu and opens the player when one or more radio streams have been configured. Click Configure Radio Stream Settings to configure your player stream.

  18. Listen Live Label Text: Max. 20 characters. Leave blank to hide the label text from the listen live button.

  19. Listen Live Button Background Color: Using the color selector, choose a listen live button background color.

  20. Listen Live Button Background Hover Color: Using the color selector, choose a listen live button background hover color.

  21. Listen Live Label & Icon Color: Using the color selector, choose a listen live label and icon color.

  22. Listen Live Label & Icon Hover Color: Using the color selector, choose a listen live label and icon hover color.

  23. Once done configurations for your template, click ‘publish’.


    • Related Articles

    • Theme 3.0: Footer Settings

      This Article Is For: Clients with access to the Theme 3.0 Users who have theme & website settings permissions Configure the appearance of the website footer at the bottom of the website. Step-By-Step Instructions: Go to: Website > Website Settings ...

    • Footer Theme Settings

      This is Applicable to: All users who have the 'Manage Website Settings' permissions This is applicable to all SoCast Themes Your website footer theme is an important part of your website visitor’s experience. For more info on how to customize your ...

    • Theme Settings

      This Article Is For: All users who have the 'Manage Website Settings' permission This is applicable to: all SoCast Themes Theme Settings allow you to customize or modify your theme's colors and branding and are broken down into the following modules: ...

    • How Do I change the Hero in Theme 3.0?

      This Article Is For: Clients with access to the Theme 3.0 Users who have the ‘Manage Heroes’ permission Step-By-Step Instructions Website > Website Settings > Theme > Theme Editor > Heroes Configure the website hero and the appearance of all heroes ...

    • How Do I Add A Video Hero In Theme 3.0?

      Here’s how to make a visual impact on your website with video heroes.  Go to website > website settings > theme > launch theme editor > heroes Once in the Heroes section, click either ‘create new’ or edit an existing hero. Once in the hero, scroll ...