From the course: CSS: Frameworks & Grids
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Add a custom header - CSS Tutorial
From the course: CSS: Frameworks & Grids
Add a custom header
- [Voiceover] Going back to this Agency page that I'm using as a starting point for my site, I would like to swap out this existing header navigation for something a little bit different. Heading over to look at the building blocks that are available for Foundation, I'm going to filter these by header and see what kind of results I get. And here, we've got some options for some different building blocks we can use. I'm just gonna go with this menu right here. So, the menu will look like this on a large screen, and then it says on small screens, it'll link and stack in the center. So, the way these building blocks works is it's gonna give me all the HTML and CSS I need. In this case, there's no JavaScript required. So, before I add in this new header menu, I want to go back and remove the one that I've currently got. I'm gonna use the Firefox inspect element to see what bit of code we're talking about here. And here, I can see, actually commented in the code, we've got this start top…
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.