このブログはPC版のデザインをスマホ版にも適用する「レスポンシブルデザイン」のテーマを導入しているのですが、何故だかスマホ版のトグルメニューがうまく機能しなくて、メニューが開けなかったんですね。
半ば諦めかけていましたが、解決方法を見つけたので紹介します。
きっと同じエラーで悩んでる方は多いのではないでしょうか?
スマホ版メニューが開かない時の対処法
「ダッシュボード」→「設定」→「詳細設定」→「検索エンジン最適化」の欄にある「headに要素の追加」に以下のコードを追記して下さい。
追記した後、一番下の「変更する」ボタンを押して保存する事をお忘れなく!
↑ダブルクリックでコードを全選択できます。
トグルメニューが機能しなかった原因
原因は、トグルメニュー表示に使用している「jQuery」の参照コードが最新版になっていなかった事が原因のようです。
下記のサイトでjQueryの最新バージョンが公開されているので、もし今後も似たような不具合が起こった時は、こちらを見て最新バージョンを参照するようコードを書き換えてやれば良さそうです。
参考サイト様
今回の対処法は、下記のサイト様を参考にしました。感謝です!
まとめ
いかがでしたでしょうか?
同じエラーで悩んでいる方の参考になれば幸いです。