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.

Mega Menu Overview

  • Updated:

A mega menu appears in a broad area and shows up to 2 levels of the menu. Mega menus are recommended to enhance a user's ability to navigate the site.

 

Reasoning: Mega menus that show everything at once are easier to navigate than the typical "tree and branch" structure of drop-down menus. For bigger sites with many features, regular dropdown menus typically hide most of the user's options.

 

Use Two-Tiered Mega Menus to Show Relationships

Two-tier mega menus let you emphasize relationships among items. Use categories to house similar information within the first and second tiers of a mega menu. For example, under a How Do I global navigation, Notifications, and Recreation Activities and Programs fit into a group that is called Sign Up For.
Web Central Expanded Mega Menu

 

Reasoning: Two-tier mega menus allow the user to see deeper into the navigation. Categorizing and placing all pages related to each other within the same section under a global navigation item helps users understand their choices.

Note: If you have a smaller site, use a one-tier mega menu and include links with obvious destinations, such as Adopt a Pet or Pay My Utility Bill.

 

Resources

Was this article helpful?
1 out of 2 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.