在一个WordPress主题上调整浏览器窗口的大小并且添加JS代码移动菜单关闭按钮后，Navbar不起作用 _WordPress主题

【在一个WordPress主题上调整浏览器窗口的大小并且添加JS代码移动菜单关闭按钮后，Navbar不起作用】我正在尝试WP主题, 但是当我调整浏览器窗口大小的大小时, 移动菜单不起作用, 但是在刷新浏览器页面后, 在相同的小窗口中, 菜单正在起作用。
因为我对编码不太了解, 所以如果有人可以看看并帮助我:)
这是该演示主题的链接：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"); }) })

但是, 当我使用此代码时, 在调整Web浏览器屏幕大小后打开它时, 它没有显示关闭图标按钮和搜索表单持有者。
在此处查看图片：https://drive.google.com/file/d/1Il3UT1Wehcg0nAyCfW2smVSbdpCwPS0b/view?usp=sharing
除此之外, 当我打开菜单中的网站时, 在普通的移动关闭图标中无法正常工作。
#1查看你已编译的js代码, 我发现它包装在一定条件下, 因此除非屏幕小于1024px, 否则单击不会触发。此检查仅触发onload, 因此这就是为什么在调整浏览器窗口大小时必须刷新(必须加载小于1024的窗口)的原因。你还需要添加一个功能来检查调整大小：