Адаптивная вёрстка сайта юридической компании. Джедай вёрстки #6. Часть 5. Адаптивная шапка

Приветствую, друзья! Сегодня мы адаптируем шапку со слайдером для просмотра на мобильных устройствах, а также настроим адаптивное меню mmenu.

Результат: Смотреть

Архив с файлами для прохождения урока: Скачать

Джедай вёрстки #6: Плейлист на YouTube

Что использовали в уроке:

• Пирожок: https://codepen.io/agragregra/pen/bEbbmZ
• Mmenu: https://mmenujs.com

Внимание! Если у вас возникают проблемы с mmenu, удалите текущую версию плагина:

bower uninstall mmenu

Затем установите более стабильную версию mmenu командой:

bower i mmenu#5.7.8

Если при закрытии мобильного меню, крестик не исчезает, попробуйте воспользоваться следующим кодом:

$('#my-menu').data('mmenu').bind('close:finish', function () {
	$('.toggle-mnu').removeClass('on');
});