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

---

Cerca extensions

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

# HamburgerX SVG Toggle for Elementor

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

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

 * [Detalls](https://ca.wordpress.org/plugins/hamburgerx-svg-toggle-elementor/#description)
 * [Ressenyes](https://ca.wordpress.org/plugins/hamburgerx-svg-toggle-elementor/#reviews)
 *  [Instal·lació](https://ca.wordpress.org/plugins/hamburgerx-svg-toggle-elementor/#installation)
 * [Desenvolupament](https://ca.wordpress.org/plugins/hamburgerx-svg-toggle-elementor/#developers)

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

## Descripció

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

## Instal·lació

 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.

## PMF

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

## Ressenyes

No hi ha ressenyes per a aquesta extensió.

## Col·laboradors i desenvolupadors

«HamburgerX SVG Toggle for Elementor» és programari de codi obert. La següent gent
ha col·laborat en aquesta extensió.

Col·laboradors

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

[Traduïu «HamburgerX SVG Toggle for Elementor» a la vostra llengua.](https://translate.wordpress.org/projects/wp-plugins/hamburgerx-svg-toggle-elementor)

### Interessats en el desenvolupament?

[Navegueu pel codi](https://plugins.trac.wordpress.org/browser/hamburgerx-svg-toggle-elementor/),
baixeu-vos el [repositori SVN](https://plugins.svn.wordpress.org/hamburgerx-svg-toggle-elementor/),
o subscriviu-vos al [registre de desenvolupament](https://plugins.trac.wordpress.org/log/hamburgerx-svg-toggle-elementor/)
per [fisl de subscripció RSS](https://plugins.trac.wordpress.org/log/hamburgerx-svg-toggle-elementor/?limit=100&mode=stop_on_copy&format=rss).

## Registre de canvis

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

 *  Versió **2.1.0**
 *  Darrera actualització **fa 2 setmanes**
 *  Instal·lacions actives **Menys de 10**
 *  Versió del WordPress ** 5.8 o posterior **
 *  Provada fins a **7.0.1**
 *  Versió del PHP ** 7.4 o posterior **
 *  Idioma
 * [English (US)](https://wordpress.org/plugins/hamburgerx-svg-toggle-elementor/)
 * Etiquetes
 * [animated](https://ca.wordpress.org/plugins/tags/animated/)[elementor](https://ca.wordpress.org/plugins/tags/elementor/)
   [hamburger menu](https://ca.wordpress.org/plugins/tags/hamburger-menu/)[nav menu](https://ca.wordpress.org/plugins/tags/nav-menu/)
   [off-canvas](https://ca.wordpress.org/plugins/tags/off-canvas/)
 *  [Vista avançada](https://ca.wordpress.org/plugins/hamburgerx-svg-toggle-elementor/advanced/)

## Valoracions

Encara no s'ha enviat cap ressenya.

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

[Visualitzeu totes les ressenyes](https://wordpress.org/support/plugin/hamburgerx-svg-toggle-elementor/reviews/)

## Col·laboradors

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

## Suport

Teniu quelcom a dir? Necessiteu ajuda?

 [Visualitza els fòrums de suport](https://wordpress.org/support/plugin/hamburgerx-svg-toggle-elementor/)