← Назад
Пошаговая инструкция
FAQ

Двухуровневое меню

Выпадающее меню (меню с подпунктами) создано специально для работы с многостраничными сайтами, чтобы посетителям было удобно выбирать нужный раздел и не теряться в большом количестве кнопок

Аудит вашего сайта или консультация по редактору

Аудит вашего сайта или консультация по редактору

0₽

0₽

подключенного тарифа для конструктор сайтов

подключенного тарифа для конструктор сайтов

+4

+4

месяца

месяца

промокод на продвижение в сетях Яндекс

промокод на продвижение в сетях Яндекс

+12.000₽

+12.000₽

тарифа чат-ботов, автоворонок и мобильных приложений

тарифа чат-ботов, автоворонок и мобильных приложений

+3

+3

Бесплатный домен в зоне .ru/.рф

0₽

0₽

Бесплатный шаблон сайта под вашу сферу бизнеса

Бесплатный шаблон сайта под вашу сферу бизнеса

0₽

0₽

месяца

месяца

/год

/год

Забронировать предложение

Получите подарки от mottor при подключении тарифа

Получите подарки от mottor при подключении тарифа

спецпредложение

Как устроено меню?

Меню делится на 3 части:

1. Зона для логотипа
2. Кнопки меню (для навигации по сайту)
3. Зона для контактов

Работа с секцией меню. Основные моменты

1. Нажмите на "+" чтобы добавить секцию, откройте раздел "Динамические", категория "Меню", и выберите "Двухуровневое меню":
2. Секция появится в редакторе:
Обратите внимание:
Правильное отображение секции можно проверить в предпросмотре или на опубликованном сайте.
3. Измените название компании в текстовом блоке:
Или удалите текстовый блок:
И перетащите на его место блок "Картинка", загрузите ваш логотип:
Совет:
Если вы хотите разместить в одной строке и текстовый блок, и логотип, то просто перетащите внутрь ячейки для контактов блок "Колонки" и разместите нужные элементы внутри колонок.
4. Аналогично в правой части меню (место для контактов):

Отредактируйте блок "Всплывающая форма", либо удалите его и поставьте блок текст, чтобы указать в нём адрес компании:
5. Задайте необходимую ширину для поля с логотипом вот здесь:
И точно так же для контактов:
6. Вы можете показать/скрыть определённую часть меню на сайте и в мобильной версии здесь (в настройках пунктов):

Дополнительные настройки

Если вы включите параметр "Растянуть по ширине экрана", то секция будет автоматически растягиваться на всю доступную ширину экрана/вкладки:
А если включить "наложение на следующую секцию", то все элементы меню будут показываться внутри секции, которая у вас идёт сразу после меню.
Обратите внимание, что увидеть это наложение можно будет только в предпросмотре или на запущенном сайте:
Чтобы 2 секции (меню и первый экран) выглядели как единое целое, в настройках меню сделайте фон прозрачным:
Подсказка:
Если меню расположилось слишком близко к контенту в секции, просто растяните секцию первого экрана сверху и отступ увеличится. После этого перейдите в предпросмотр, чтобы увидеть результат.

Настройка кнопок основного меню

Когда логотип и контакты настроены, можно перейти к редактированию кнопок навигации. Чтобы перейти в эти настройки откройте раздел "Список пунктов меню":
Пункты меню можно перетаскивать (1), потянув за кнопку с шестью точками,
клонировать (2), удалять (3), настраивать (4) и добавлять новые (5):
• Чтобы перейти к настройке раздела меню, нажмите на 3 точки рядом с ним:
• Поменяйте название пункта (1) и настройте действие (2), которое будет происходить при клике на пункт:

Действие "Ссылка"

Подходит, если у пункта нет подпунктов, и необходимо сразу перейти по ссылке. Ссылку можно настроить либо на какую-то страницу вашего сайта (1), либо к якорю (2) (конкретной секции на сайте), либо указать ссылку на какой-то другой сайт (3):

Действие "Выпадающее меню"

Подходит, если нужно разворачивать меню с подпунктами при клике на пункт:
• Каждый подпункт настраивается отдельно:
• Для подпункта можно точно так же настроить ссылку, как и для обычного пункта:
• После того, как все пункты и подпункты заданы, остаётся только изменить внешний вид меню. Делается это в разделе "Дизайн":
Совет:
Вы можете раскрыть сразу несколько параметров, перетащить их в удобное место и отредактировать:
Готово! Меню настроено в ПК-версии сайта :)
Осталось настроить его в мобильной версии.

Настройка двухуровневого меню в мобильной версии

Чтобы меню хорошо выглядело в мобильной версии сайта, нужно его донастроить в мобильном редакторе.

• Перейдите в него с помощью кнопки в верхнем левом углу редактора:
• Зайдите в настройки меню (1), включите показ логотипа в мобильной версии (2), отключите опцию "показывать только бургер" (3):
• Настройте показ логотипа, нажав на кнопку "•••". Выберите тип показа логотипа - "текст" или "картинка":
• Установите на логотипе дополнительные действия:
• Измените положение и оформление кнопки открытия меню можно с помощью опции:
• Настройте дизайн меню в открытом виде с помощью опции:
После завершения настройки не забудьте опубликовать изменения, сделанные в мобильном редакторе.

Часто задаваемые вопросы:

1. Можно ли сделать эту секцию свободной?

Конвертировать в свободную можно только блочные секции. А так как эта секция — динамическая, у нее нет такой опции

2. А можно добавить пункты третьего уровня в меню?

Именно у этой секции такой возможности нет. Но она есть у шаблона "Многоуровневое меню".
3. Я настроил логотип в ПК-версии редактора, почему он не меняется в мобильной?
Для мобильной версии сайта логотип настраивается в мобильной версии редактора отдельно:

Если что-то будет непонятно — в конструкторе сайтов mottor есть бесплатная техподдержка для всех пользователей. Вам поможет живой специалист:

— в чате на сайте lpmotor.ru
— по телефону 8 800 200 51 47 (звонки по РФ бесплатные)
— в Телеграм: https://t.me/lpmotorchat

Ищете конструктор чтобы собрать сайт или интернет-магазин?
Попробуйте mottor бесплатно
шаблон сайта доставки еды
шаблон интернет-магазина
шаблон интернет-магазина
шаблон-квиз строительство
шаблон сайта по ремонтуо
450+ шаблонов
ждут вас
Бесплатный конструктор сайта
Все шаблоны
Шаблон онлайн курс
Шаблон курс инвестиций
Шаблон доставка еды
Шаблон онлайн школа
Шаблон для портфолио
Шаблон лендинг вебинара
Шаблон интернет-магазин мебели
Одностраничный сайт
Многостраничный сайт
Создать сайт онлайн бесплатно самому
Создать квиз
Создать сайт бесплатно конструктор
Создать бесплатно интернет магазин
Создать сайт конструктор
Конструктор сайта онлайн
Онлайн конструктор сайта бесплатно
Конструктор интернет магазинов
Конструктор страниц
Сайт конструктор бесплатно
Конструктор создания сайтов
бесплатный конструктор сайтов, лендингов и квизов
Документы:
Полезные ссылки:
Функциональность:
Функциональность:
О компании:
при поддержке Фонда Развития Интернет Инициатив
бесплатный конструктор сайтов, лендингов и квизов
Бесплатный звонок по России
Шаблоны:
Популярные запросы:
support@lpmotor.ru
О компании и сервисе
Тур по сервису
Блог
Инструкции
Договор-оферта
Партнёрская программа
Шаблоны
Видеоинструкции
Согласие
Тарифы и услуги
Обновления
Политика конфиденциальности
Сделано на mottor
Техподдержка
Платная поддержка
Инструкция по установке