Эффект Unfold в Elementor без JavaScript: кнопка с SVG шевроном, текст “раскрыть/скрыть”, частично видимая панель и градиент-перекрытие в закрытом состоянии — всё на CSS с :has(). Эффект unfold — это когда блок не прячется полностью, а частично виден по умолчанию, затем при клике плавно раскрывается вверх, и в конце меняется состояние: иконка поворачивается, а подпись рядом переключается с «раскрыть» на «скрыть».
Webmaster Offcanvas Pro — продвинутый виджет оффканваса для Elementor с полным управлением стилями иконок и холста, поддержкой нескольких панелей и автоматическим закрытием при клике на якорные ссылки. Позволяет использовать любые SVG‑иконки, задавать ширину под каждое устройство и встраивать готовые шаблоны Elementor. Удобное решение для меню, фильтров и дополнительного контента без ущерба для дизайна.
В мобильном меню Off Canvas Elementor Pro якорные ссылки на главной не закрывают панель. Публикую рабочий код, который решает проблему на всех страницах сайта — и на главной, и при переходе с внутренних разделов.
Проблема с Off Canvas и якорями
При создании мобильного меню в Elementor Pro часто используется виджет Off Canvas с вложенным виджетом Menu. Всё работает отлично, кроме одной детали: когда пользователь находится на главной странице и кликает на якорную ссылку (#блок), Off Canvas не закрывается автоматически.
Мы используем cookie для корректной работы сайта, сохранения настроек и аналитики. Нажимая «Принять», вы соглашаетесь с использованием cookie в соответствии с Политикой конфиденциальности.
