Edit the Mega Menu Design

Prev Next

Important Note:

Who can use this feature?

System Administrator | Owner

Instructions

  1. Sign in to your site

  2. Navigate to Modules, select Site Tools, and select Design Center The dropdown menu labeled Modules, to the right of the Homepage and Dashboard buttons, then the Site Tools tab in the left-hand navigation menu below the tab labeled Content, and finally the URL labeled Design Center.

  3. Select the Theme Manager The URL labeled Theme Manager below the Design Center header.

  4. Select the appropriate Layout and Theme The Layout and Theme drop-down menus, to the right of the Theme Manager drop-down menu.

  5. Click on the Main Item text (First Style, Second Style, etc.) The options labeled First, Second, Third, Fourth, or Fifth style.

  6. Verify the Main Navigation drop-down says Main Item (default) The drop-down menu labeled Main Navigation.

  7. Navigate through the tabs to make modifications The navigation tabs below the Main Navigatin drop-down menu.

    • Text The options in the tab labeled Text.

      • Normal: Edit the Font Family, Style, Color, Size, Underline, and Shadow for the normal text

      • Hover: Edit the Font Family, Style, Color, Size, Underline, and Shadow for the hover text

    • Background and Border The options in the tab labeled Background and Border.

      • Normal: Modify the Background Color, Background Gradient, Background Image, and Border for the normal display

      • Hover: Modify the Background Color, Background Gradient, Background Image, and Border for the when hovered over with a mouse

    • Spacing and Sizing The options in the tab labeled Spacing and Sizing.

      • Padding: Edit the padding size for the mega menu

  8. Choose a saving option at the top:

    1. If saving these changes to only the current theme, click Save Changes The button labeled Save Changes in the top-left corner of the page.

    2. If saving and pushing these changes to other themes, click the drop-down next to the Save Changes button and select Save and Push Changes to Other Themes The action menu to the right of the Save Changes text, then the Save and Push Changes to Other Themes option.

      1. Choose the themes you want to push to Choose Themes.

      2. Select Save and Push Changes The list of pages under the Push to header.