Как сделать:
demo.mythemeshop.com/ribbon/category/apple/
Примерно вот такое меню на маленьких экранах?
Т.е. речь не идёт об full меню, а именно об маленьком меню при разрешении менее чем 960px ширины.
Ясно что можно использовать "medium", "small" суффиксы в foundation. Но как сделать без дублирования кода, т.е. без:
<div class="row">
<div class="large-12">
...list...
</div>
<div class="small-12 medium-12">
...list...
</div>
</div>
Возможно вложено тэгами друг в друга, но что-бы зацепится в CSS и JavaScript. Что-бы использовать один и тот же список для меню.
Прошу прощения, если это будет банально... Но не совсем часто верстаю, больше пишу PHP/Python/JS...