Адаптивное гамбургер меню для битрикс

Просмотров: 3543 | Комментариев: 3

Заметка коротенькая, но решил оставить ее - так как самому часто нужно нечто подобное. В архиве готовый шаблон для Битрикс, с адапитивным гамбургер меню. Ничего лишнего нет, каждый сможет "подкрутить" его под свой дизайн и режим работы.

Сам я не сторонник гамбургер меню, по моему мнению нужно делать навигацию более наглядной, особенно если в ней не много пунктов. Например как у меня на этом сайте (сожмите браузер или посмотрите с мобилки).

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

Состоит из минимума файлов: сам шаблон, коротенький скрипт, и не очень длинная css-ка. Разобраться с ней и привести к нужному вам виду не составит труда

Скачать шаблон меню  

Пример работы:


Добрый день, подскажите, имеется ли возможность подключить данный шаблон если моё меню сделано посредством div блоков, а не ul li?
Михаил
Цитата
Сергей Дубский написал:
Добрый день, подскажите, имеется ли возможность подключить данный шаблон если моё меню сделано посредством div блоков, а не ul li?
Если его переверстать- то в принципе да
Αнтон
Михаил, добрый день!

Платформа Битрикс Бизнес
установил все как компонент
в итоге при экране РС вижу строчку  верхнего меню, при уменьшении экрана = вожделенный гамбургер
но радости хватает только на то, чтобы топнуть по нему мышом и увидеть последующий крестик
само меню не выпадает

Вопрос - в чем может быть подвох ?? неверно сформирован сам файл меню? но подхватывает при этом именно действующий файл, когда все раскрыто на большом экране и ошибок не показывает
зато выдает $ Undefined  в консоли

Кроме создания сайтов, я так же веду блог с заметками о вебразработке, записываю бесплатные видеоуроки и содержу форум, на котором можно задавать вопросы и просто общаться. Заметки, преимущественно - это короткие или подробные рецепты, по реализации часто требуемого функционала- в рамках разработки сайтов на 1С-Битрикс

Показать еще