HamburgerX SVG Toggle for Elementor
·
Animated SVG hamburger widget for Elementor. Toggles Off-Canvas, Nav Menu, Mega Menu or any custom element — no intermediate trigger required.
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-motionsupport - 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)