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 expanded Modules drop-down menu, with the Design Center option of the Site Tools tab highlighted.

  3. Select the Theme Manager The Design Center module with the Theme Manager option highlighted.

  4. Select the appropriate Layout and Theme The Theme Manager menu bar with the Theme and Layout drop-down menus highlighted.

  5. Click on the Main Item text (First Style, Second Style, etc.) The Theme Manager with the various Navigation components and styles highlighted.

  6. Verify the Main Navigation drop-down menu says Main Item (default) The Main Navigation dialog box in the Theme Manager, with the Main Navigation drop-down menu selected.

  7. Navigate through the tabs to make modifications The Main Navigation dialog box in Theme Manager with the tabs highlighted.

    • Text The Theme Manager's Main Navigation dialog box with the Text tab options highlighted.

      • 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 Theme Manager's Main Navigation dialog box with the Spacing & Sizing tab options highlighted.

      • 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 Theme Manager screen with the Save Changes button highlighted.

    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 Theme Manager's Save Changes drop-down menu with the Save and Push Changes to Other Themes highlighted.

      1. Choose the themes you want to push to The Theme Manager's Save and Push Changes to Other Themes dialog box with selectable themes highlighted.

      2. Select Save and Push Changes The Theme Manager's Save and Push Changes to Other Themes dialog box with the Save and Push Changes button highlighted.