Title: HamburgerX SVG Toggle for Elementor
Author: Francisco Naranjo
Published: <strong>June 23, 2026</strong>
Last modified: June 23, 2026

---

Search plugins

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

# HamburgerX SVG Toggle for Elementor

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

[Download](https://downloads.wordpress.org/plugin/hamburgerx-svg-toggle-elementor.2.1.0.zip)

 * [Details](https://wordpress.org/plugins/hamburgerx-svg-toggle-elementor/#description)
 * [Reviews](https://wordpress.org/plugins/hamburgerx-svg-toggle-elementor/#reviews)
 *  [Installation](https://wordpress.org/plugins/hamburgerx-svg-toggle-elementor/#installation)
 * [Development](https://wordpress.org/plugins/hamburgerx-svg-toggle-elementor/#developers)

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

## Description

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

## Installation

 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.

## Reviews

There are no reviews for this plugin.

## Contributors & Developers

“HamburgerX SVG Toggle for Elementor” is open source software. The following people
have contributed to this plugin.

Contributors

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

[Translate “HamburgerX SVG Toggle for Elementor” into your language.](https://translate.wordpress.org/projects/wp-plugins/hamburgerx-svg-toggle-elementor)

### Interested in development?

[Browse the code](https://plugins.trac.wordpress.org/browser/hamburgerx-svg-toggle-elementor/),
check out the [SVN repository](https://plugins.svn.wordpress.org/hamburgerx-svg-toggle-elementor/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/hamburgerx-svg-toggle-elementor/)
by [RSS](https://plugins.trac.wordpress.org/log/hamburgerx-svg-toggle-elementor/?limit=100&mode=stop_on_copy&format=rss).

## Changelog

#### 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

## Meta

 *  Version **2.1.0**
 *  Last updated **9 hours ago**
 *  Active installations **Fewer than 10**
 *  WordPress version ** 5.8 or higher **
 *  Tested up to **7.0**
 *  PHP version ** 7.4 or higher **
 * Tags
 * [animated](https://wordpress.org/plugins/tags/animated/)[elementor](https://wordpress.org/plugins/tags/elementor/)
   [hamburger menu](https://wordpress.org/plugins/tags/hamburger-menu/)[nav menu](https://wordpress.org/plugins/tags/nav-menu/)
   [off-canvas](https://wordpress.org/plugins/tags/off-canvas/)
 *  [Advanced View](https://wordpress.org/plugins/hamburgerx-svg-toggle-elementor/advanced/)

## Ratings

No reviews have been submitted yet.

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

[See all reviews](https://wordpress.org/support/plugin/hamburgerx-svg-toggle-elementor/reviews/)

## Contributors

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

## Support

Got something to say? Need help?

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