So, the first thing we need to do is hide the container inside the
top-nav on small to medium screens. Then we'll add a button just before the container which will open and close the container using jQuery's
slideUp built in animations.
First let's add the button just inside the
top-nav markup in index.html:
Here, we've added a link with a class and id of
top-nav-menu-button. The class is for styling and the id is for jQuery. I prefer to set the