Title: HamburgerX SVG Toggle for Elementor
Author: Francisco Naranjo
Published: <strong>2026년 6월 23일</strong>
Last modified: 2026년 6월 23일

---

플러그인 검색

![](https://s.w.org/plugins/geopattern-icon/hamburgerx-svg-toggle-elementor.svg)

# HamburgerX SVG Toggle for Elementor

 작성자: [Francisco Naranjo](https://profiles.wordpress.org/fconaranjo/)

[다운로드](https://downloads.wordpress.org/plugin/hamburgerx-svg-toggle-elementor.2.1.0.zip)

 * [세부사항](https://ko.wordpress.org/plugins/hamburgerx-svg-toggle-elementor/#description)
 * [평가](https://ko.wordpress.org/plugins/hamburgerx-svg-toggle-elementor/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/hamburgerx-svg-toggle-elementor/#installation)
 * [개발](https://ko.wordpress.org/plugins/hamburgerx-svg-toggle-elementor/#developers)

 [지원](https://wordpress.org/support/plugin/hamburgerx-svg-toggle-elementor/)

## 설명

**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)

## 설치

 1. Upload the plugin files to `/wp-content/plugins/animated-hamburger/`, or install
    via **Plugins  Add New  Upload Plugin**.
 2. Activate the plugin through the **Plugins** menu in WordPress.
 3. 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 ](https://profiles.wordpress.org/fconaranjo/)

[자국어로 “HamburgerX SVG Toggle for Elementor”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/hamburgerx-svg-toggle-elementor)

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

[코드 탐색하기](https://plugins.trac.wordpress.org/browser/hamburgerx-svg-toggle-elementor/)
는, [SVN 저장소](https://plugins.svn.wordpress.org/hamburgerx-svg-toggle-elementor/)
를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/hamburgerx-svg-toggle-elementor/)
을 [RSS](https://plugins.trac.wordpress.org/log/hamburgerx-svg-toggle-elementor/?limit=100&mode=stop_on_copy&format=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

## 기초

 *  버전 **2.1.0**
 *  최근 업데이트: **4개월 전**
 *  활성화된 설치 **10보다 적음**
 *  워드프레스 버전 ** 5.8 또는 그 이상 **
 *  다음까지 시험됨: **7.0.7**
 *  PHP 버전 ** 7.4 또는 그 이상 **
 *  언어
 * [English (US)](https://wordpress.org/plugins/hamburgerx-svg-toggle-elementor/)
 * 태그:
 * [animated](https://ko.wordpress.org/plugins/tags/animated/)[elementor](https://ko.wordpress.org/plugins/tags/elementor/)
   [hamburger menu](https://ko.wordpress.org/plugins/tags/hamburger-menu/)[nav menu](https://ko.wordpress.org/plugins/tags/nav-menu/)
   [off-canvas](https://ko.wordpress.org/plugins/tags/off-canvas/)
 *  [고급 보기](https://ko.wordpress.org/plugins/hamburgerx-svg-toggle-elementor/advanced/)

## 평점

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

[Your review](https://wordpress.org/support/plugin/hamburgerx-svg-toggle-elementor/reviews/#new-post)

[모든  리뷰 보기](https://wordpress.org/support/plugin/hamburgerx-svg-toggle-elementor/reviews/)

## 기여자

 *   [ Francisco Naranjo ](https://profiles.wordpress.org/fconaranjo/)

## 지원

할 말 있으신가요? 도움이 필요하신가요?

 [지원 포럼 보기](https://wordpress.org/support/plugin/hamburgerx-svg-toggle-elementor/)