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

В статье мы рассмотрели 10 видов меню, по каждому написали инструкцию по настройке и дали рекомендации в каких случаях уместно его использование.

Пункты в меню можно настроить двумя способами:

1. Прописать название пунктов меню и ссылки вручную.

Укажите абсолютную ссылку на страницу, например:
https://mysite.com/about

Либо относительную:
/about

Адреса отдельных страниц задаются в настройках каждой страницы:

2. Воспользоваться помощником для расстановки ссылок.

Наведите мышку на пункт меню. Вы увидите два варианта, как можно поставить ссылку: «Выбрать страницу» и «Выбрать блок».

Если нажать «Выбрать страницу», то появится список страниц вашего сайта. Нажмите на нужную страницу, и ссылка поставится автоматически.

Если нужно поставить ссылку к блоку на странице, нажмите «Выбрать блок». Кликните на тот блок, к которому должен быть совершен переход, и ссылка поставится автоматически.

Чтобы сделать меню сразу для всех страниц проекта (сайта), создайте пустую страницу, добавьте на нее блок меню и настройте его. Затем перейдите в настройки сайта, на вкладку «Шапка и подвал», и назначьте эту страницу как Header. Нажмите «Опубликовать все страницы».

Подробнее об этом в статье «Назначение header и footer».

Чтобы сделать меню для навигации внутри страницы, пропишите в ссылках номера блоков (ссылка будет выглядеть как #rec586533845), на которые должны переходить пользователи по нажатию на пункты меню. Номер каждого блока указан в настройках блока в самом низу.

Если вы хотите, чтобы в ссылке был не номер блока, а название, используйте якорные ссылки.

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

Настройте «шапку» в обоих проектах, добавив в нее блок меню, в котором есть настройка языков. В содержании блока укажите языки и ссылки на проекты.

Создать меню второго уровня можно двумя способами: добавить подпункты меню в основном блоке или использовать блок ME601/ME601A.

Добавьте на страницу блок меню.

Перейдите в Контент блока → Список пунктов меню → нажмите «Добавить пункты второго уровня» — слева появятся иконки «+» .

Чтобы добавить второй уровень, нажмите на «+», укажите заголовок подпункта и его ссылку. Нажмите на «+» несколько раз, чтобы добавить необходимое количество подпунктов.

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

Добавьте на страницу любой блок меню — это будет меню первого уровня. Затем добавьте блок ME601 (Меню: второй уровень).

Блок ME601 позволяет добавить подразделы к пунктам основного меню. Они будут показываться при наведении в формате выпадающего меню. В мобильных версиях меню будет открываться по тапу.

Как это работает:
1) В блоке МЕ601: пропишите ссылку вида #submenu:more
2) В основном меню: в поле ссылка, напротив пункта, к которому вы хотите сделать подразделы, укажите #submenu:more.

Примечание: «#submenu:more» может быть любым словом, например: #submenu:portfolio или #submenu:aboutus

Если вам необходимо меню второго уровня с иконками у подпунктов, используйте блок ME601A (Меню: второй уровень).

Чтобы настроить фиксацию, перейдите к редактированию Zero Block → Settings → Position and Overflow и поставить значение Fixed, чтобы зафиксировать блок.

Блок можно зафиксировать сверху или снизу страницы, а также настроить появление спустя Х пикселей (Appear Offset). В этом случае доступна настройка одного из двух вариантов анимации появления — Fade in или Slide up/down. Это может пригодиться, например, если вы хотите, чтобы шапка сайта появлялась не сразу, а через несколько скроллов.

О том, какие еще бывают виды меню, как сделать фиксированное меню, которое будет видно при скроле, как добавить два меню на страницу, как сделать вкладки (табы), читайте в статье «Дизайн меню и применение на практике».