When approaching the design of website navigation, it’s crucial to think about how it will look and behave on a small screen. Unfortunately, a lot of responsive websites neglect to prioritise the mobile view.

A hamburger menu can be a perfectly reasonable solution for simple websites. For more content & feature-rich sites though, they can be a barrier to content discovery and slow down the user journey.

Here are some examples of responsive navigation done right.

These great responsive websites don’t just fall back to hiding the entire navigation behind hamburger menu. They instead use mobile-first thinking, to prioritise what really matters on the smallest screens.