Адаптивный шаблон - разметка, шапка, меню

Здравсвуйте!
В продолжение Давайте над адаптивным шаблоном потрудимся.
Кое-что сделано. Прошу потестировать, отозваться, подсказать...

Для начала, скрины того что было:

… и того что есть:

Касаемо меню:
1. к сожалению, обойтись одним только стилем не получилось, пришлось таки использовать дополнительный скриптик для вывода "мобильной" версии — причина: поведение IE из комплекта WP8.
2. хотелось сделать фиксированную позицию; оказалось, такое дело вводит в ступор Opera Mini — после нескольких кликов, меню девается неведомо куда
3. вложенные пункты меню: в мобильной версии — скрыты, в обычной работают — как обычно Недостаток версии для разрешений 768 и больше по ширине: на устройствах с тачскрином имеющих такие разрешения весьма проблематичен переход на вложенные пункты.
Видятся несколько вариантов решения "без мук":
1. выводить вложенные пункты на выбранной странице (например, так как в этом шаблоне)
2. использовать в качестве основного меню сайта вертикальное — пример
3. создавать дополнительное меню штатными средствами (дополнительный модуль) и выводить его там где нужно
4. вы, надеюсь, подскажете...
демо шаблона
За сим, спасибо!
p.s. огромная просьба, в этой записи комментировать только разметку, шапку и меню (каждому разделу будет посвящена отдельная запись).