The best practice in our opinion for usability is to keep your navigation visible for as long as possible before resorting to hiding it. In part 2 of this two-part tutorial we will teach you how to show and hide your newly designed pure CSS hamburger button and navigation using Media Queries and jQuery for your responsive website.

One of the most important aspects of responsive web design is the navigation, it typically needs to be hidden and accessed via a button. In Part 1 of this two-part tutorial we will teach you how to create an animated hamburger button with CSS and jQuery for your responsive website.