Если имеющегося места не достаточно для отображения всех пунктов, меню автоматически заменяется кнопкой-гамбургером. Это происходит, также, когда не активирована опция создания Адаптивного Сайта (в Разрешения и Адаптивный Дизайн).
|
Если объект Меню вставлен в редактор шаблона, имеющееся пространство зависит от размеров самого объекта. Если же объект Меню помещен внутрь страницы, имеющееся пространство зависит от размеров ячейки модульной сетки, где он находится. |
Позволяет, независимо от места, доступного для Меню, всегда использовать Кнопку-Гамбургер, активируя опцию Отобразить в разделе Главный.
Кнопка-гамбургер имеет квадратную форму и ее высота и стиль задаются через опции раздела Главный.
Если нажать на кнопку-гамбургер, отображается меню-гамбургер, то есть всплывающее меню с пунктами первого уровня.
Для настройки стиля меню-гамбургера, можно, во-первых, использовать опции в рамке Отображение:
| ▪ | Открытие— указывает с какой стороны, справа или слева, при нажатии на кнопку-гамбургер должно открыться меню. |
| ▪ | Эффект— указывает эффект, применяемый при отображении кнопки-гамбургера. |
| ▪ | Длина— определяет скорость, с которой появляется Меню при нажатии Кнопки-Гамбургер. |
Учитывая , что меню-гамбургер показывается в виде наложения на страницу, можно определить некоторые опции для Стиль наложения контента:
| ▪ | Цвет фона— указывает цвет наружного фонаменю-гамбургера, то есть цвета, который становится полупрозрачным (в зависимости от значения, заданного для опции Непрозрачность), и используется для создания фильтра, который затемняет нижележащую страницу. |
| ▪ | Непрозрачность— настраивает степень матовости цвета наружного фонаменю-гамбургера. Для значений, близких к 0, уменьшается матовость и фильтр становится более прозрачным, позволяющим видеть содержимое страницы. |
Для определения Стиль кнопки доступны опции:
| ▪ | Ширина— можно задать в пикселах ширину кнопок для пунктов меню. |
| ▪ | Поля— можно задать отступы по горизонтали и по вертикали в пикселах (промежутки между границей кнопки и текстом внутри нее). |
| ▪ | Отдалить— настраивает значение (в пикселах) наружного отступа, то есть пространства между одной кнопкой и другой. |
|
Ширина кнопок должна быть задана, также, с учетом общего доступного для меню пространства: этот параметр можно легко изменить, если не используется заранее установленный графический шаблон (см. Структура Шаблона). |
В рамке Текст кнопки доступны следующие опции:
| ▪ | Тип шрифта— задает шрифт, стиль и размер для текста. |
| ▪ | Выравнивание— можно задать выравнивание текста на поверхности кнопки: по левому краю, по центру или по правому краю. |
Далее, можно настроить стиль отдельных элементов меню-гамбургера. Прежде всего, следует выделитьЭлемент меню, над которым вы хотите работать: Фон, Пункт меню, Элемент при наведении курсора мыши, Разделитель и Разделительная линия.
В зависимости от выбранного элемента, в разделе Стиль могут быть доступны следующие опции:
| ▪ | Цвет фона / Цвет текста— определяют цвет фона, текстов пунктов в разном состоянии, разделителя меню, а для элемента Разделительная линия. |
| ▪ | Край— определяет, в том числе по отдельности, цвет, толщину и тень рамки фона. |
| ▪ | Текст кнопки— применяет к Элемент при наведении курсора мыши или к Разделитель стиль текста Обычный, Жирный, Курсив или Подчеркнутый. Этот стиль добавляется к параметрам, заданным в рамке Текст кнопки. |
| ▪ | Ширина— опция доступна только для элемента Разделительная линия, настраивает ширину в процентном отношении относительно ширины меню-гамбургера. |
