Wordpress上のカスタムjsで.fadeToggleが効かず、モバイルメニューが閉じない|teratail

PHPとjQuery初心者です。

現在WordpressのStockholmというテーマを使っているのですが、
モバイル用のハンバーガーメニューがあまり好きな形でないので、
カスタム仕様のフルスクリーンオーバーレイメニューを入れたいです。
そして、こちら(https://webdesignday.jp/inspiration/technique/html/4746/)の
コードを参考に、カスタムCSSとカスタムJSに追記したりPHPにHTMLタグを入れ込んだりして
トグルを開くところまでは来たのですが、
メニューをクリックしてバックグラウンドがリンク先にとんでも、
オーバーレイのメニュー画面が閉じません。
また、ハンバーガーメニューのアイコン部分をクリックしても、
一瞬オーバーレイメニューが消えますがすぐにまたオーバーレイごと再表示されます。

テーマ内の他のjsなどが影響しているのでしょうか。
参考元のサイトのデモでは問題なくtoggleがオンオフ作動しているようですし、
色々試すものの原因がわからずに立ち往生しています。
どなたかご教示いただけると嬉しいです。よろしくお願いいたします。

何か必要な情報が不足しておりましたら、追記可能ですのでおしらせください。

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

#wordpress

What is GEEK

Buddha Community

Wordpress上のカスタムjsで.fadeToggleが効かず、モバイルメニューが閉じない|teratail

Wordpress上のカスタムjsで.fadeToggleが効かず、モバイルメニューが閉じない|teratail

PHPとjQuery初心者です。

現在WordpressのStockholmというテーマを使っているのですが、
モバイル用のハンバーガーメニューがあまり好きな形でないので、
カスタム仕様のフルスクリーンオーバーレイメニューを入れたいです。
そして、こちら(https://webdesignday.jp/inspiration/technique/html/4746/)の
コードを参考に、カスタムCSSとカスタムJSに追記したりPHPにHTMLタグを入れ込んだりして
トグルを開くところまでは来たのですが、
メニューをクリックしてバックグラウンドがリンク先にとんでも、
オーバーレイのメニュー画面が閉じません。
また、ハンバーガーメニューのアイコン部分をクリックしても、
一瞬オーバーレイメニューが消えますがすぐにまたオーバーレイごと再表示されます。

テーマ内の他のjsなどが影響しているのでしょうか。
参考元のサイトのデモでは問題なくtoggleがオンオフ作動しているようですし、
色々試すものの原因がわからずに立ち往生しています。
どなたかご教示いただけると嬉しいです。よろしくお願いいたします。

何か必要な情報が不足しておりましたら、追記可能ですのでおしらせください。

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

#wordpress