Как сделать липкое меню WordPress с помощью Elementor

Содержание

Добрый день коллеги! Меня зовут Павел Гречко и я занимаюсь SEO. Так сложилось что вордпресс с этой технологией лучше всех подружился. А когда я узнал про Elementor то создавать продающие сайты стало вообще сказкой.

Сегодня помогу вам разобраться как сделать или создать липкое меню в Elementor.

По умолчанию в Элементоре можно сделать липкое меню (sticky elementor), которое находится вверху экрана все время.

Как добавить шапке прилипание к верху экрана

Переходим в расширенные настройки > эффекты движение > Выбираем нужные нам параметры. (elementor sticky effects)

Как сделать липкое меню Wordpress с помощью Elementor

Не забываем сохранить и проверить. Теперь у вас будет липкая шапка.

Бывает задачи с которыми столкнулся и я. Для решения моих потребностей есть плагин Sticky Header Effects for Elementor.

Как сделать липкое меню Wordpress с помощью Elementor
У него больше настроек чем у стандартного метода. Например можно настроить когда липкая шапка будет появляться на экране при прокрутке.

Возможности плагина «Sticky Header Effects for Elementor»:

1) Возможность решать на каких устройствах фиксировать шапку сайта — Компьютер, Планшет, Телефон ;

2) Возможность управлять цветом и прозрачностью шапки при прокрутке страницы ;

3) Возможность задать в процентах на каком уровне прокрутки страницы зафиксировать шапку сайта ;

4) Возможность получить красивый визуальный эффект при прокрутке страницы, уменьшение высоты шапки и логотипа.

Всем спасибо! Подписывайте на мои каналы что бы не пропустить новый контент.

Статья
На связи Павел Гречко \ Head of SEO. SEO-продвижение сайтов B2B, B2C компаний в Яндекс и Google. По вопросам сотрудничества пишите в Телеграмм: https://t.me/GrechkoPV

Привет! Я Паша из Всеволожска.
Больше 15 лет занимаюсь SEO-продвижением.

Делаю SEO для среднего и крупного бизнеса. Метбиз, Русма, Домотехника, Дар, ПневмоАльянс уже в деле!

По вопросам сотрудничества пишите в Телеграмм: https://t.me/GrechkoPV

PopUP