A navbar is an important element to navigate the webpage contents. It allows users to directly access the main pages of a website. Having a responsive navigation system that works well on small and large screens is imperative these days. Here I’ll show you how to create a hamburger navigation menu that changes to a horizontal nav bar at large screens. This is a pre CSS solution, no javascript needed.