{"id":328858,"date":"2026-06-23T17:19:19","date_gmt":"2026-06-23T17:19:19","guid":{"rendered":"https:\/\/es.wordpress.org\/plugins\/hamburgerx-for-elementor\/"},"modified":"2026-06-23T17:19:03","modified_gmt":"2026-06-23T17:19:03","slug":"hamburgerx-svg-toggle-elementor","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/hamburgerx-svg-toggle-elementor\/","author":23519541,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"2.1.0","stable_tag":"2.1.0","tested":"7.0","requires":"5.8","requires_php":"7.4","requires_plugins":null,"header_name":"HamburgerX SVG Toggle for Elementor","header_author":"HamburgerX","header_description":"Animated SVG hamburger widget that toggles Elementor Off-Canvas, Nav Menu, Mega Menu, or any custom element \u2014 no intermediate trigger required.","assets_banners_color":"","last_updated":"2026-06-23 17:19:03","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":35,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"2.1.0":{"tag":"2.1.0","author":"fconaranjo","date":"2026-06-23 17:19:03"}},"upgrade_notice":{"2.1.0":"<p>Major update: new animations and smart editor target discovery.<\/p>"},"ratings":[],"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["2.1.0"],"block_files":[],"assets_screenshots":[],"screenshots":{"1":"Widget panel in the Elementor editor","2":"Animation styles available","3":"Live toggle with Off-Canvas panel"}},"plugin_section":[],"plugin_tags":[6782,76538,131278,2867,11532],"plugin_category":[50],"plugin_contributors":[268589],"plugin_business_model":[],"class_list":["post-328858","plugin","type-plugin","status-publish","hentry","plugin_tags-animated","plugin_tags-elementor","plugin_tags-hamburger-menu","plugin_tags-nav-menu","plugin_tags-off-canvas","plugin_category-media","plugin_contributors-fconaranjo","plugin_committers-fconaranjo"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/hamburgerx-svg-toggle-elementor.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"<!--section=description-->\n<p><strong>HamburgerX for Elementor<\/strong> 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 \u2014 without needing an intermediate button trigger.<\/p>\n\n<h4>Features<\/h4>\n\n<ul>\n<li><strong>11 animations<\/strong> \u2014 classic bars, arrow, cross and the <em>jonsuh<\/em> collection (ham1\u2013ham8)<\/li>\n<li><strong>4 target modes<\/strong> \u2014 Off-Canvas, Nav Menu, Mega Menu or custom CSS selector<\/li>\n<li><strong>Smart editor<\/strong> \u2014 targets update live as you add widgets, no page reload needed<\/li>\n<li><strong>Full Elementor styling<\/strong> \u2014 size, stroke, color, hover, active, shadow, border and alignment controls<\/li>\n<li><strong>Accessible<\/strong> \u2014 configurable ARIA labels, visible focus and <code>prefers-reduced-motion<\/code> support<\/li>\n<li><strong>Lightweight<\/strong> \u2014 vanilla CSS + JS only, no front-end dependencies<\/li>\n<\/ul>\n\n<h4>Requirements<\/h4>\n\n<ul>\n<li>WordPress 5.8+<\/li>\n<li>Elementor 3.x<\/li>\n<li>PHP 7.4+<\/li>\n<li>Elementor Pro (only required for Off-Canvas mode)<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Upload the plugin files to <code>\/wp-content\/plugins\/animated-hamburger\/<\/code>, or install via <strong>Plugins \u2192 Add New \u2192 Upload Plugin<\/strong>.<\/li>\n<li>Activate the plugin through the <strong>Plugins<\/strong> menu in WordPress.<\/li>\n<li>Edit any page or template with Elementor, search for the <strong>HamburgerX<\/strong> widget and drag it into your layout.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"do%20i%20need%20elementor%20pro%3F\"><h3>Do I need Elementor Pro?<\/h3><\/dt>\n<dd><p>Only if you want to use the <strong>Off-Canvas<\/strong> 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).<\/p><\/dd>\n<dt id=\"the%20off-canvas%20list%20is%20empty%2C%20what%20do%20i%20do%3F\"><h3>The Off-Canvas list is empty, what do I do?<\/h3><\/dt>\n<dd><p>Add an Off-Canvas widget anywhere on the page, then save or reopen the HamburgerX panel \u2014 the list refreshes automatically.<\/p><\/dd>\n<dt id=\"can%20i%20use%20it%20with%20a%20custom%20css%20class%3F\"><h3>Can I use it with a custom CSS class?<\/h3><\/dt>\n<dd><p>Yes. Choose <strong>Custom CSS Selector<\/strong> as the target type and enter the selector of the element you want to toggle.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>2.1.0<\/h4>\n\n<ul>\n<li>Added ham1\u2013ham8 animation collection (jonsuh technique)<\/li>\n<li>Added live target discovery in editor (no page reload needed)<\/li>\n<li>Added custom CSS selector target mode<\/li>\n<li>Improved ARIA accessibility support<\/li>\n<\/ul>\n\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<\/ul>","raw_excerpt":"Animated SVG hamburger widget for Elementor. Toggles Off-Canvas, Nav Menu, Mega Menu or any custom element \u2014 no intermediate trigger required.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/328858","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=328858"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/fconaranjo"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=328858"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=328858"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=328858"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=328858"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=328858"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=328858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}