You may have noticed that I deemed none of the popular patterns we just reviewed suitable to hold HUGE navigations, only large ones. That's because just one of these patterns cannot do it alone. Large websites use a combination of these patterns and create primary and secondary navigations. Visiting Disney's site again (http://www.disney.com), we can see they use the off canvas pattern and the simple stack pattern on smaller screens. Some websites use the same pattern twice. NASA uses a toggle pattern embedded in a larger toggle pattern for their huge navigation (http://www.nasa.gov/).

Remember, navigations are the main instrument the user has to investigate a website. You wouldn't go exploring without the proper tools. So, why would you ill-equip your user to explore your own site? In this chapter, we reviewed several popular responsive navigation patterns to begin the journey of creating well-designed navigations. We also talked about the importance of information architecture when planning the size of your navigation. If your users are getting lost just looking at the navigation, something is not right. Use RWD as a way to prioritize your navigation and condense the items it contains. Then, they can find the content they are searching for, frustration-free, on any device. But is our job done yet? Nope. Next, we will look at responsive patterns for a specific type of content—media.