From the course: CSS Shorts

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Expand your mobile menu

Expand your mobile menu - CSS Tutorial

From the course: CSS Shorts

Start my 1-month free trial Buy for my team

Expand your mobile menu

“

- [Chris] Hi, this is Chris Converse and in this episode we'll create an expandable mobile menu using nothing more than html and CSS. So if you'd like to follow along with me download the exercise files and let's begin by opening index.html in a text editor. And when you have the html file open you'll see we have a pretty simple layout here. Up in the heading area, we have a link to the style.css file which we'll be opening in a few minutes. Down here in the body area we have a header, a navigation area, and an article. Inside of the navigation we have a series of anchor links and these are the links that we're going to be showing and hiding with CSS. Now to preview this layout, you can open the index.html file in a browser and the first thing that we'll need to do to create our mobile menu is add a little bit of html. So let's come over here to the html file. Inside of the navigation element, before the word Topics, let's add a label tag. So, <, type in the word label, end the tag…

Contents