Solution: Combine off canvas and top bar

(gentle chimes)…- [Instructor] So how'd you do…with that particular challenge?…I managed to get it working here,…so as you can see here's the home page.…If you go ahead and roll your mouse over the portfolio,…there we go, we have our dropdown.…When I shrink this down,…I wind up with my responsive navigation.…When I click the hamburger button my menu rolls in…and it is a drill down menu, so there we go.…

Perfect.…Alright, so how does the code look…to make that magic happen?…Well, that's down here.…So if you take a look in your index.html file,…there's a couple of tricky little things…that happened in here.…First of all the id of responsive menu actually moved.…So it moved from top bar to a div you had to insert…that comes just after top bar.…So right here I have my id of responsive menu.…

In this div that I added,…I'm going to put in a bunch of classes.…So we have a class for off canvas,…that's the default behavior.…This panel is off canvas, but in canvas for medium.…So in other words, we're not going to have…any off canvas functionality for medium or large,…