Возможно сверстать такое меню? адаптивное - Joomla 3.x: Шаблоны, разметка и макеты вывода

Тормознулся на этапе составления ТЗ )))
Хочу заказать себе адаптивный шаблон.

Пересмотрел кучу работ. Не чего не вдохновило.

Буду признателен если посоветуете, как лучше сделать навигацию для адаптивного сайта.
прочитав кучу всяких статей еще больше запутался.
Вот можно такое сверстать как во вложенном рисунке?

или стоит остановиться на http://ruseller.com/lessons/les1607/demo/index.html# (адаптацию можно увидеть изменив размеры броузера)

на рисунке имхо фигня, на руселлере лучше всяко. хотя тоже не идеал)))

Можно подсказать как выглядит почти идеал?

По возможности без скриптов.
И чтобы на мобильнике текст не перекрывало...

как выглядит идеал? это вам самим надо попробовать на телефоне или планшете куданить зайти и пощупать варианты, в магаз какойнить крутой например, ибей или что там еще, бестбай.
без скриптов? ну тогда только на стилях, выпадалки не будет будет перестроение т.е. одна строка меню превращается в таблицу - несколько строк + несколько столбцов

вот без скриптов почти, по аналогии можно сделать вообще без скрипта

долго изучал.
действительно наверно лучшее решение.