How to Create a Responsive Website Header - Part 2

Web Development Post by Christopher Spicer
Responsive Website Header

This article, which is part 2 of a 5-part series of web development tutorials, will guide you through the process of creating a website header with two styles of navigation menu that expand and collapse on small screens. We'll use HTML, CSS, and JavaScript to construct a modal navigation menu and a dropdown navigation menu. With each example, we’ll examine a complete web page demonstration before taking a detailed look at the concepts and code that bring it to life.

This article builds upon topics discussed in How to Create a Responsive Website Layout.

In this article we'll use our standard HTML document structure and CSS naming convention.

Skip Ahead

Looking for something specific? Select a topic in this article to read more:

More Parts in This Series