Are you in need of multi-level navigation? And that too responsive which fits well in all devices? In most cases, you design a drop-down menu using unordered lists. But what do you do to make it usable on small and/or cursor less screens?
I have been successfully implementing it into my projects as there is no room for one-sided techniques anymore.
The technique consists of three main parts:
- Simple drop-down navigation based on HTML and CSS;
- Responsive implementation using media queries;
- Adoption for touch screen devices with the help of a super tiny jQuery plugin.