Остановка панели навигации темы WordPress Работает при изменении размера экрана браузера

Question

Я пробую тему WP, но когда я изменяю размер браузера windows, мобильное меню не работает, но в таком же маленьком windows после обновления страницы браузера меню работает.

Поскольку я не очень разбираюсь в кодировании, так что если кто-нибудь может взглянуть и помочь мне:)

Вот ссылка на эту демонстрационную тему: https://demo.wptravelengine.com/travel-booking/

Кто-то помог мне с этим кодом.

window.addEventListener('resize', (event) => {

   jQuery(document).ready(function( $ ){
     jQuery("#toggle-button").click(function() {
       jQuery(".site-header .right").css("right","0");
})
jQuery(".btn-close-menu").click(function() {
    jQuery(".site-header .right").css("right","-540px");
}) })
});

Но когда я использую этот код, он не показывает кнопку со значком закрытия и держатель поисковой формы при его открытии после изменения размера экрана веб-браузера.

см. Пи c здесь: https://drive.google.com/file/d/1Il3UT1Wehcg0nAyCfW2smVSbdpCwPS0b/view?usp=sharing

Answer 1

Если приведенный выше код работал, я добавил несколько своих мыслей. Это будет работа.

window.addEventListener('resize', (event) => {

   jQuery(document).ready(function( $ ){
     jQuery("#toggle-button").click(function() {

       jQuery(".site-header .right").addClass("open");
    })
    jQuery(".btn-close-menu").click(function() {
        jQuery(".site-header .right").removeClass("open");
    }) })
});