HamburgerX SVG Toggle for Elementor

작성자: Francisco Naranjo

설명

HamburgerX for Elementor adds an animated SVG hamburger icon widget to Elementor that can directly toggle your Off-Canvas panel, Nav Menu, Mega Menu, or any element via a custom CSS selector — without needing an intermediate button trigger.

Features

11 animations — classic bars, arrow, cross and the jonsuh collection (ham1–ham8)
4 target modes — Off-Canvas, Nav Menu, Mega Menu or custom CSS selector
Smart editor — targets update live as you add widgets, no page reload needed
Full Elementor styling — size, stroke, color, hover, active, shadow, border and alignment controls
Accessible — configurable ARIA labels, visible focus and prefers-reduced-motion support
Lightweight — vanilla CSS + JS only, no front-end dependencies

Requirements

WordPress 5.8+
Elementor 3.x
PHP 7.4+
Elementor Pro (only required for Off-Canvas mode)

설치

Upload the plugin files to /wp-content/plugins/animated-hamburger/, or install via Plugins Add New Upload Plugin.
Activate the plugin through the Plugins menu in WordPress.
Edit any page or template with Elementor, search for the HamburgerX widget and drag it into your layout.

FAQ

Do I need Elementor Pro?: Only if you want to use the Off-Canvas target mode. Nav Menu, Mega Menu and CSS selector modes work with the free version of Elementor (depending on which widgets you have available on your site).
The Off-Canvas list is empty, what do I do?: Add an Off-Canvas widget anywhere on the page, then save or reopen the HamburgerX panel — the list refreshes automatically.
Can I use it with a custom CSS class?: Yes. Choose Custom CSS Selector as the target type and enter the selector of the element you want to toggle.

후기

이 플러그인에 대한 평가가 없습니다.

기여자 & 개발자

“HamburgerX SVG Toggle for Elementor”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

Francisco Naranjo

자국어로 “HamburgerX SVG Toggle for Elementor”(을)를 번역하세요.

개발에 관심이 있으십니까?

코드 탐색하기는, SVN 저장소를 확인하시거나, 개발 기록을 RSS로 구독하세요.

변경이력

2.1.0

Added ham1–ham8 animation collection (jonsuh technique)
Added live target discovery in editor (no page reload needed)
Added custom CSS selector target mode
Improved ARIA accessibility support

1.0.0

Initial release

평점

아직 제출된 리뷰가 없습니다.

Your review

모든 리뷰 보기