Navigation options

Delete this page properties table before pushing to Viewport.

Status	NOT VISIBLE TO PUBLIC READY FOR REVIEW
Type	Reference / Explanation
Reader	Clients
Reader goal
Contributors
JUNO version	V2.0
Reviewers (check the box when you’re done!)	Scrilla Renae
Review deadline	20 Jan 2022
Notes for reviewers	in person review, Thursday Jan 20th Review doc for accuracy/missing details (like character limits). What else needs to be updated (Obviously internal docs... but what about site structure workbook?) Get terminology aligned across internal/external docs and workbook. Put it into the style guide. Make sure the actual config names won't cause confusion.

The JUNO team can help you configure your site navigation.

For color and font configurations, see https://junolive.atlassian.net/wiki/pages/resumedraft.action?draftId=796721189.

About navigation

Site navigation is made up of multiple parts:

Site logo
Primary navigation menu
Subnavigation menu
Side navigation menu
Profile icon menu

Navigation is identical on desktop and mobile devices, with two exceptions:

Primary navigation is located at the bottom of mobile screens. It is at the top of the page on desktop devices.
Mobile devices only show 4 links in the primary navigation menu, even if there are more on desktop devices. Any additional links are still accessible in the side navigation menu.

[SCREENSHOT: App and Desktop with 5 parts labeled.]

Internal and external links

Whenever we refer to links on this page, they can be internal or external. Internal links go to another page on your site. External links go to another website.

Primary navigation

[SCREENSHOT]

An example [image]. See the tables below for details.

Element		Options
2	Icons	Change icons Get the list from the brand page, move it here
1	Links (Desktop)	Add or remove links (Max number) Change text (Character limits)

Fewer primary navigation links fit on mobile devices. Your site’s home page is always the first link, and More is always the fourth link. You can choose two more. They don’t have to be the same as the links in the desktop view. Think about what is most important to your mobile app users!

Element		Options
3	Links (Mobile)	Choose 2 links to appear on mobile devices. Change text, if the desktop link is too long for mobile (Character limit)

Subnavigation

[SCREENSHOT]

An example [image]. See the tables below for details.

When you click a primary navigation link, a subnavigation bar appears with additional links for that section of the site.

Element		Options
1	Links (Desktop and mobile)	Add or remove links (0-# max number) Change text (Character limits)

Side navigation

[SCREENSHOT]

An example [image]. See the tables below for details.

Side navigation is a comprehensive list of navigation links. It includes everything from primary navigation and subnavigation, as well as additional links.

The first section must remain as is. It’s identical to your primary and subnavigation. But the other sections are configurable:

Element		Options
1	Sections	Add or remove sections Change section title (Character limits) Remove section title
2	Links (Desktop and mobile)	Add or remove links (0-# max number) Change text (Character limits)
3	Admin links	Restrict any link so that only site admins can see it. Regular attendees won’t see the link at all. (0-# max number). These can go in any section.