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