O'Reilly logo

Responsive Web Design Patterns by Chelsea Myers

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Responsive navigation patterns

A website's navigation is the most important tool for the user. It should provide quick access to all that the website has to offer. It should also never get in the way. Next, we will review examples of popular responsive patterns that make navigating websites easy on both small and large screens. There is a large range of navigational patterns found on responsive websites today. In this chapter, we will look at the five most commonly found patterns and why they are so widely used.

Simple stack

As mentioned, a common method for creating a responsive navigation is to let it simply stack up on smaller screens. This is why we'll call it the simple stack pattern. For small navigations, this pattern can do the trick. It ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required