I'm currently working on a site with a quite complex information architecture. The IA has 3 levels and each level can have up to 12 items.
- Level 1: 4 items
- Level 2: up to 12 items
- Level 3: up to 9 items
On desktop, I'm using a mega dropdown (e.g. Mashable) and I need to adapt this for smaller screens and mobiles. I'm exploring concepts at the moment and have found this example: Multi-Level Push Menu
How would you solve this problem and what pattern would you use?