Skip to main content

Search

We are excited to announce the launch of updated product names, logos, and headers within our user interfaces as part of the CivicPlus® Solution Rebranding initiative. These changes mark the first step toward creating a cohesive and seamless user experience across all solutions in our portfolio. As part of this transition, users may notice minor design updates. While the functionality you rely on remains unchanged, we are in the process of updating screenshots and other resources on our Help Centers to reflect the new branding. We appreciate your patience and understanding as we work to complete these updates.

Edit the Mega Menu Design

  • Updated:

Who can use this feature?
System Administrator | Owner

 

Important Notes

 

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.
Was this article helpful?
1 out of 1 found this helpful
Return to top

Feedback About the Article

Let us know what was helpful or not helpful about the article below.

0 comments

Please sign in to leave a comment.