HamburgerX SVG Toggle for 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)