- Engage C&M
- Brand
- Campus Communications
- Media & News
- Social
- Web
- Events Calendar
Set Up Website
Setting up your website includes creating the main navigation and sub-pages, and adding your department specific social media links and contact information. You also have the option to add an audience navigation for your secondary audience.
Horizontal Navigation & Site Map
Desktop
On desktop, the main navigation is horizontal along the top with the second level navigation displayed in a drop-down menu below and as parent items if using a sub-page. The third and fourth level is only displayed in the left-side navigation while using the sub-page.
Mobile
On mobile, the main navigation is displayed as a list with the second level navigation hidden until a selection is made. Third level navigation is displayed when a second-level navigation item is clicked.
Design Guidelines
Your primary navigation is defined as part of your information architecture (IA). To ensure all navigation items fit perfectly on a single line across various desktop screen sizes. We recommend five to seven top-level items that follow these guidelines:
The total character count for the entire navigation menu must not exceed 70 characters.
Each individual menu item is recommended to be kept no more than 10–12 characters.
When planning your IA, you need to consider the following:
What are my main user needs and how will they accomplish their goals?
What are the different ways users will navigate through my content to find what they need?
What are common terms for the way I want to group my content? For example, putting your location and phone number on a ‘About Us’ page will not be as intuitive as placing it on a page called ‘Contact Us’
How will my website grow and expand in the future?
Best Practices
Menus should have fewer than eight items and follow character limits.
If your navigation contains too many items or excessively long text, links may not display correctly on smaller screens or browsers, preventing users from accessing your content.The second level navigation should be no more than seven items.
This reduces the chance of users getting lost while navigating your site.
Navigation labels should be simple, well-known terms for your information
(i.e.: ‘Events’ instead of ‘Engagement Opportunities’ for hosted events)Page titles should match their navigation label.
Using the title component as your page title for all subpages automatically updates your pages if you change any page name (see title component).
How to
Create Menu items
The Horizontal Navigation will automatically be created as you add top-level pages to your site.
Note: The page will still appear in all other contexts (List component, Carousel component, etc.).
Hide Menu items
To hide a page from the horizontal navigation, go to your Page Properties.
- Under the basic tab, within the "Navigation Options" select the "Hide in Horizontal Navigation" checkbox.
Hiding menu items may be used for:
audience nav pages (See Audience navigation for more information)
a thank you page that was created for a form
"restricted" pages that are automatically hidden from the navigation until a user is signed in (See Restricted Page viewing for more information)
draft pages (to ensure they stay hidden even if accidentally activated)