Как сделать свое мобильное меню в Elementor (бургер меню)

<style>
      .menu-mobile {
    position: fixed;
    top: -100%; /* Скрыто за верхней границей экрана */
    left: 0;
    width: 100%;
    background-color: #fff;
    transition: top 0.8s ease; /* Анимация */
    z-index: 1000;
  }
</style>
<script>
  document.addEventListener('DOMContentLoaded', function() {
    var menuButton = document.querySelector('.menu-button');
    var menuClose = document.querySelector('.menu-close');
    var menuMobile = document.querySelector('.menu-mobile');

    // Открыть меню
    menuButton.addEventListener('click', function() {
      menuMobile.style.top = '0';
    });

    // Закрыть меню при клике на кнопку закрытия
    menuClose.addEventListener('click', function() {
      menuMobile.style.top = '-100%';
    });

    // Закрыть меню при клике вне его области
    document.addEventListener('click', function(event) {
      if (!menuMobile.contains(event.target) && event.target !== menuButton) {
        menuMobile.style.top = '-100%';
      }
    });
  });
</script>