6 Meridian Mobile Nav

There's something about a well-thought-out mobile nav menu that feels so good. We've all been there—trying to use a website on our phone but suffering from its clunky navigation.

The mobile navigation for 6 Meridian has been considered for usability, clarity, and performance. The menu sticks to the top corner of your screen no matter how far you've scrolled, has appropriate hierarchy in the text styles between main items and subitems, keeps submenus open if you navigate to a subpage, leaves ample spacing between items intended for fingers, retains the toggle switch position across open and closed states... still there? (I should probably write an article on website navigation... 🤔) It also animates smoothly in and out using only CSS and utilizes a CSS-only toggle switch for optimal performance.

6meridian.com

Designers | @Adam Anderson @Jay Walter

Posted on Aug 11, 2020

More by Gardner Design

View profile