Here’s a recent example I’m refining as I go along and add this to more and more websites I work on. I copy/paste this SCSS code to it’s own file named something like _mobile-nav.scss(the underscore at the beginning is what makes it a partial, read about that here) so I can move that file into my project folder and make sure I include that in my project and we then have a mobile menu for the website.


See the Pen Hamburger Navigation Animation by Daniel Hart (@danielhart) on CodePen.