»  Снипеты  »  Липкое меню WordPress с помощью Elementor

Липкое меню WordPress с помощью Elementor

Последнее обновление:

Как скрывать хедер при прокручивании вниз и показывать при прокручивании вверхПо умолчанию в Элементоре можно настроить липкое меню, которое находится вверху экрана все время.

В этой статье вы узнаете, как скрывать хедер при прокручивании страницы вниз, и как показывать хедер при прокручивании страницы вверх с помощью конструктора Elementor.

Вы можете использовать бесплатную версию Элементора с плагином Jet Sticky или платную версию Elementor Pro.

Если вы используете другой пейдж-билдер, вам нужна функция прилипания секции к верху экрана.

1. Добавьте хедеру прилипание к верху экрана

Создайте хедер, добавьте прилипание и цвет фона:

Добавьте липкую секцию
Прилипать к верху

2. Дайте ID секции

Дайте хедеру ID «stickyheaders»:

Elementor - дайте секции ID
ID stickyheaders

3. Добавьте код в хедер

Добавьте этот код на страницу, где вы хотите иметь липкий хедер, или в сам шаблон хедера. Можно это сделать с помощью виджета HTML-код:

Замените высоту хедера на ваше значение в строке 27.

Вы можете использовать этот способ не только для меню, но и для любой секции в Элементоре или любом другом пейдж-билдере.

Читайте также:

  1. Как добавить текст на картинке при наведении мышкой
  2. Как добавить текст на картинке при наведении мышкой

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

Поделиться в facebook
Поделиться в vk
Поделиться в email
Поделиться в telegram
Поделиться в whatsapp

Оставьте комментарий

Do NOT follow this link or you will be banned from the site!