Responsive Navigation Bar

On a wide screen, the nav bar to the right is always visible. If you narrow this window to phone width, the navbar disappears and a hamburger menu appears near the top right corner. Clicking or tapping that hamburger menu shows / hides the nav bar.

Note that the links in the nav bar don't take you any place, because this is just to demo the code. You can get the clean source code here. It's just a few lines of JavaScript code.

More JavaScript Code Quickies.