Вывод меню при адаптивной верстке - Joomla 3.x: Разработка шаблонов

Уважаемые Гуру, прошу совета-помощи, натолкните на путь истинный.
Задача возникла при адаптации шаблона для мобильных устройств - необходимо вывести меню аля Google:
пиктограмма которая выводит выплывающее меню слева.
 В Bootstrap это решается компонентом Navbar.
YOOtheme, я так понимаю, тоже его использует, располагая меню в позиции Offcanvas.
Использовал готовые шаблоны (типа Мастер) вопросов не было, а сел ручками сделать  - вот тут-то репу и зачесал.
Наведите, пожалйста, или на первоисточники (с Bootstrap с налету не получилось) или готовые решения как это реализовать в шаблоне.

Не обязательно же WARP подключать. Можно просто UIkit юзать. На офф.сайте есть примеры offcanvas-меню.

Спасибо

Можно просто UIkit юзать. На офф.сайте есть примеры offcanvas-меню.

,
пока нашел (кстати у себя в закладках)
http://getuikit.com/docs/offcanvas.html
но этого пока мало. А может втыкаю.
По порядку, как я понимаю:
- от UIkit-а мне надо JavaScript обработки data-uk-offcanvas и CSS (наверное только с offcanvas, зачем остальным перегружать)
но как правильно кастомизировать так и не пойму (в Bootstrap галочки поставил и получил ;
- прописав в шаблоне атрибут data-uk-offcanvas="{target:'#ID'}" скипт на автомате его обработает и выведет меню из позиции оffcanvas;
а может и не так
Но как это реализовать? Тупо пробовать? Почитать быю

Так исходники мастера посмотрите, вроде этот момент нагляден достаточно. Сам правда, только начал копаться в нем, но вопросов в этом моменте у меня пока не возникло.