.hamburger { width: 40px; height: 30px; position: relative; cursor: pointer; display: inline-block; z-index: 9999; } .hamburger span { display: block; height: 4px; width: 100%; background: #000; border-radius: 2px; position: absolute; left: 0; transition: all 0.3s ease; } .hamburger span:nth-child(1) { top: 0; } .hamburger span:nth-child(2) { top: 13px; } .hamburger span:nth-child(3) { top: 26px; } .hamburger.active span:nth-child(1) { transform: rotate(45deg); top: 13px; } .hamburger.active span:nth-child(2) { opacity: 0; } .hamburger.active span:nth-child(3) { transform: rotate(-45deg); top: 13px; } (function(){ var popupID = 8093; // ID do seu popup var btn = document.getElementById('hamburger-btn'); // Espera o Elementor carregar var checkElementor = setInterval(function(){ if (typeof elementorProFrontend !== 'undefined' && elementorProFrontend.modules.popup) { clearInterval(checkElementor); // Clique no botão para abrir popup btn.addEventListener('click', function() { this.classList.toggle('active'); elementorProFrontend.modules.popup.showPopup({ id: popupID }); }); // Quando o popup fechar, remove a classe 'active' do botão jQuery(document).on('elementor/popup/hide', function(event, id){ if(id === popupID){ btn.classList.remove('active'); } }); } }, 100); })();