InstantCMS 2 - переделка дефолтного шаблона (Меню навигации, Профиль пользователя) при адаптивной верстке

День добрый уважаемые!
Задача следующая. На iPad'е навигация отображается так:


Хотелось бы чтобы результат был таким:


С чего начинать с какого места копать подскажите!
Может для подобной навигации есть уже реализованные плагины.
С профилем пользователя понятное дело нужно перелопачивать шаб.
Просто возможно ли такое решение при респонсивной верске?
Мысли рассуждения

Смотрите в файле /templates/default/css/theme-layout.css в разделе /* Media Queries */

Попробуйте заменить так:

Т.е. убрали вот это:
nav .menu { display:none; }
nav select { display: block; }

Из @media screen and (max-width: 800px)

Попробуйте заменить так:

Код CSS:
@media screen and (max-width: 800px) {
#body section { width:100% !important; }
#body aside { display:none; }
nav { padding:5px; height:auto; }
#layout footer #info { display: none !important; }
}
Т.е. убрали вот это:
nav .menu { display:none; }
nav select { display: block; }

Из @media screen and (max-width: 800px)

Спасибо будем пробовать;)

Ребята помогите как это сделать ??? Убрать то убираем, а как сделать выпадающею панель при клике?