Join Jen Kramer for an in-depth discussion in this video Adding dropdown menus, part of Learning Foundation 5.
…So in the last video, I set up this top bar navigation here.…But you may want to make one last tweak to this navigation bar.…So far, this bar has a single level of navigation.…You could combine this with one of the other navigation types…to make Secondary Navigation appear on the left side of the page.…So you could say, if you were on let's say the Reservations page, maybe…you would show Secondary Navigation here in the left column instead of Quick Links.…However, most websites are using drop downs more frequently these days.…
Foundation does come with a simple system for adding drop downs to the page.…And they can go as many levels deep as you wish.…Alright, so if we switch on over to our Sublime Text here, we're working in…nav.html, and we're continuing on from nav.html in the previous video.…If you don't have it, you can get it out…of the Exercise Files folder, copy it into the Foundation folder.…The first thing I'd like for you to do, is uncomment the ul…that starts here on line 22, and the comment ends here on line 26.…
- Downloading and installing Foundation 5
- Introducing grids
- Centering columns
- Nesting grids
- Styling text, lists, buttons, panels, and more
- Adding navigation bars and dropdown menus
- Creating a responsive lightbox
- Adding an image carousel
- Integrating responsive images
- Adding tooltips
Skill Level Beginner
CSS: Transitions and Transformswith Joseph Lowery2h 25m Intermediate
1. Overview of Foundation 5
2. The Grid System in Foundation
3. CSS Overview
4. Navigation Systems
Next steps1m 24s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.