Create mobile version of new top nav

[IsaacDesigns]

Dependency

• Moderated Usability Test for the top navigation design (mobile) #2686

Overview

We need to create a mobile version of the new top nav bar so that it can be implemented and launched alongside the desktop version.

Action Items

• Familiarize yourself with the desktop version of the site’s new top nav bar
• Create a section to the right of the desktop version for the mobile design
• Review the Mobile Navigation Audit in Figma to familiarize yourself with the way mobile nav is designed across the rest of the site
• Create a design that translates the desktop version of this new menu design for mobile.
• Ensure your design is usable and intuitive for mobile, keeps consistent with Design System guidance and other usage across the site, and provides a good experience for users.
• Once accepted and closed, let development know to make an issue for updating the sitemap, and that they need to put it in the homepage feature branch until homepage launches.

Resources/Instructions

Figma - New Top Nav
Figma - Mobile Navigation Audit

[github-actions]

Hi @IsaacDesigns.

Good job adding the required labels for this issue. The merge team will review the issue and add a "Ready for Milestone" label once it is ready for prioritization.

Additional Resources:

• Wiki: How to read and interpret labels

[AnyaStewart]

The issue is awaiting review.

[IsaacDesigns]

Looks good to me. I will send I over for Bonnie to take a look at it and let us know if the issue was completed correctly.