iPadの縦画面で開いたハンバーガーメニューを そのままiPadを横にすると消えるようにしたい。

Question

前提・実現したいこと

企業のサイトをコーディングしています。iPadではグローバルメニューを
モバイル同様ドロワーメニューで作っており、右上のハンバーガーアイコンをクリックすると
メニューが現れるようになっています。jQueryで作っています。

発生している問題・エラーメッセージ

ただ、メニューが現れた状態のまま、画面を横にするとPCと同じ幅認識になるので、
メニューは消えてほしいのですが、中途半端になぜかhtmlのテキストだけが残って、
メニュー項目が消えてくれない状態になります。
なのでサイトにメニューのテキストがかぶっている状態で、リロードしない限り消えません。

iPadを横にしたらモバイルのグローバルメニューには完全に消えてほしいのですが
どのようにしたらよいでしょうか。

該当のソースコード

ソースコード

試したこと

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

window.onloadなどの読み込み時だけに発火するのではなく、加えて端末幅が変わったら発火するようにすれば良いと思います。

Comments

[kyoya0819]

使えるのは
https://www.flatflag.nir87.com/resize-1829
らへんかな？

[Fumika8]

さっそくありがとうございます！！　めちゃくちゃうれしいです。試してみます！

[Fumika8]

設定うまくいって、お客様からもＯＫもらえました。本当にありがとうございました。

[kyoya0819]

解決して何よりです