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

---

Plugins zoeken

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

# HamburgerX SVG Toggle for Elementor

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

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

 * [Details](https://nl.wordpress.org/plugins/hamburgerx-svg-toggle-elementor/#description)
 * [Beoordelingen](https://nl.wordpress.org/plugins/hamburgerx-svg-toggle-elementor/#reviews)
 *  [Installatie](https://nl.wordpress.org/plugins/hamburgerx-svg-toggle-elementor/#installation)
 * [Ontwikkeling](https://nl.wordpress.org/plugins/hamburgerx-svg-toggle-elementor/#developers)

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

## Beschrijving

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

## Installatie

 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.

## Beoordelingen

Er zijn geen beoordelingen voor deze plugin.

## Bijdragers & ontwikkelaars

“HamburgerX SVG Toggle for Elementor” is open source software. De volgende personen
hebben bijgedragen aan deze plugin.

Bijdragers

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

[Vertaal “HamburgerX SVG Toggle for Elementor” in je eigen taal.](https://translate.wordpress.org/projects/wp-plugins/hamburgerx-svg-toggle-elementor)

### Interesse in ontwikkeling?

[Bekijk de code](https://plugins.trac.wordpress.org/browser/hamburgerx-svg-toggle-elementor/),
haal de [SVN repository](https://plugins.svn.wordpress.org/hamburgerx-svg-toggle-elementor/)
op, of abonneer je op het [ontwikkellog](https://plugins.trac.wordpress.org/log/hamburgerx-svg-toggle-elementor/)
via [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

 *  Versie **2.1.0**
 *  Laatst geüpdatet **4 maanden geleden**
 *  Actieve installaties **Minder dan 10**
 *  WordPress versie ** 5.8 of nieuwer **
 *  Getest t/m **7.0.7**
 *  PHP versie ** 7.4 of nieuwer **
 *  Taal
 * [English (US)](https://wordpress.org/plugins/hamburgerx-svg-toggle-elementor/)
 * Tags
 * [animated](https://nl.wordpress.org/plugins/tags/animated/)[elementor](https://nl.wordpress.org/plugins/tags/elementor/)
   [hamburger menu](https://nl.wordpress.org/plugins/tags/hamburger-menu/)[nav menu](https://nl.wordpress.org/plugins/tags/nav-menu/)
   [off-canvas](https://nl.wordpress.org/plugins/tags/off-canvas/)
 *  [Geavanceerde weergave](https://nl.wordpress.org/plugins/hamburgerx-svg-toggle-elementor/advanced/)

## Waarderingen

Er zijn nog geen beoordelingen ingediend.

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

[Bekijk alle beoordelingen](https://wordpress.org/support/plugin/hamburgerx-svg-toggle-elementor/reviews/)

## Bijdragers

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

## Ondersteuning

Iets te melden? Hulp nodig?

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