По умолчанию в Элементоре можно настроить липкое меню, которое находится вверху экрана все время.
В этой статье вы узнаете, как скрывать хедер при прокручивании страницы вниз, и как показывать хедер при прокручивании страницы вверх с помощью конструктора Elementor.
Вы можете использовать бесплатную версию Элементора с плагином Jet Sticky или платную версию Elementor Pro.
Если вы используете другой пейдж-билдер, вам нужна функция прилипания секции к верху экрана.
1. Добавьте хедеру прилипание к верху экрана
Создайте хедер, добавьте прилипание и цвет фона:
2. Дайте ID секции
Дайте хедеру ID «stickyheaders»:
3. Добавьте код в хедер
Добавьте этот код на страницу, где вы хотите иметь липкий хедер, или в сам шаблон хедера. Можно это сделать с помощью виджета HTML-код:
Замените высоту хедера на ваше значение в строке 27.
Вы можете использовать этот способ не только для меню, но и для любой секции в Элементоре или любом другом пейдж-билдере.
Читайте также:
- Как добавить текст на картинке при наведении мышкой
- Как добавить текст на картинке при наведении мышкой
Надеюсь, статья была полезна. Оставляйте комментарии.
