Телеграм: @camouf_ru Почта: mihail@bazarow.ru

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

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

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

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

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

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

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

Просмотров: 12652 | Комментариев: 4

Комментарии

Внимание! все сообщения проходят премодерацию. Ваше сообщение появится после проверки
 
Текст сообщения*
Перетащите файлы
Ничего не найдено
Защита от автоматических сообщений
Загрузить файл
Нажимая кнопку "Отправить", Вы принимаете условия
Политики конфиденциальности и обработки персональных данных
Сергей Дубский
Добрый день, подскажите, имеется ли возможность подключить данный шаблон если моё меню сделано посредством div блоков, а не ul li?
Имя Цитировать
Михаил Базаров
Цитата
Сергей Дубский написал:
Добрый день, подскажите, имеется ли возможность подключить данный шаблон если моё меню сделано посредством div блоков, а не ul li?
Если его переверстать- то в принципе да
Имя Цитировать
Αнтон Μаксимов
Михаил, добрый день!

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

Вопрос - в чем может быть подвох ?? неверно сформирован сам файл меню? но подхватывает при этом именно действующий файл, когда все раскрыто на большом экране и ошибок не показывает
зато выдает $ Undefined  в консоли
Имя Цитировать
Вася Гурьянов
извините за столь тупой вопрос, я новичок в битриксе, а как добавить-то это меню на существующий сайт в битриксе?
Имя Цитировать
Михаил Базаров
Цитата
Вася Гурьянов написал:
извините за столь тупой вопрос, я новичок в битриксе, а как добавить-то это меню на существующий сайт в битриксе
Скопировать шаблон меню в шаблон своего сайта.
В нужном месте, где оно должно вывестись, добавить и настроить компонент bitrix.menu
Имя Цитировать
Поделиться страницей Спасибо, это помогает развивать сайт.
Мой youtube канал. Сюда я выкладываю видео уроки по разработке сайтов и не только. Подписывайтесь, скоро будет серия свежих видео-инструкций:
Перейти на канал
Заметки разработчика

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

Заказaть разработку attention