From the course: HTML and CSS: Creating Navigation Bars
Join today to access over 25,300 courses taught by industry experts.
Adding hamburger button functionality with CSS
From the course: HTML and CSS: Creating Navigation Bars
Adding hamburger button functionality with CSS
- This is a continuation of what we just worked on in the previous video, where we added some icons to our navigation bar. So we now have a hamburger button, doesn't do anything, but we have the button and we have a close button over here. It also doesn't do anything, but we have the button. And now what we want to do is make these things functional. And the place to start is going to be inside of our navigation styling here. Our HTML is exactly the same, we don't need to touch this anymore. It's the same as I explained to you in the previous video, so I'm just going to minimize it out of the way there. And I added a comment here saying that the display flex that we added to nav here in the previous video, that's positioning that close button in the navbar so that there are more or less on the same line. And so now what I want to do is start adding some additional styles here, and I am going to style this navbar so that it turns into a great, big, huge window of information and the…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.