Navbar не работает при изменении размера браузера windows на одну тему WordPress и после добавления кнопки закрытия мобильного меню с кодом JS не работает

Question

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

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

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

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

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

Глядя на ваш скомпилированный код js, я вижу, что он обернут в состояние, при котором щелчок не срабатывает, если на экране меньше 1024 пикселей. Эта проверка запускает только загрузку, поэтому при изменении размера окна браузера вам нужно обновить sh (вы должны загрузить окно меньше 1024). Вам также необходимо добавить функцию для проверки изменения размера:

window.addEventListener('resize', (event) => {
// run same 1024 check to allow click after resizing to avoid having to refresh
});