Responsive Menu Concepts
When it comes to responsive design we are faced with various techniques on how to best handle altering our navigation menus for small screens. The resources seem endless. Here are four main concepts with advantages and disadvantages of all of them.
In the code presented in this article, I don’t use any vendor-prefixes to keep the CSS easier to see and understand. The more complex CSS examples use SCSS. Each example is hosted on CodePen where you can see the compiled CSS if you wish.
An excerpt from Responsive Menu Concepts