![](https://i0.wp.com/c-everyday.com/wp-content/uploads/2023/09/aym.aym_Female_in_her_30s_with_a_computer_pastel_color_830ad449-db61-4915-b122-5a5f26f92f90.png?w=60)
「AFFINGER6」で、スマホメニューがうまく表示されない時の解決法を解説します!
WordPressテーマ「AFFINGER6」で構築したサイトで、スマホメニューがうまく反映されていないことに気づきました。左画像の左上、3本線のハンバーガーメニューをタップすると、メニューは開くものの、開いたスペースに何も表示されていません。
![](https://i0.wp.com/c-everyday.com/wp-content/uploads/2023/09/image-4-edited.jpg?resize=920%2C920&ssl=1)
![](https://i0.wp.com/c-everyday.com/wp-content/uploads/2023/09/image-4-edited.png?resize=920%2C921&ssl=1)
本来であればこの右画像のベージュの部分にメニューのテキストが並ぶはずです。一筋縄では直らなかったので、同じ悩みを抱えている人がいるかも?と思い、解決方法を記します!
AFFINGERの設定の見直し
まずはそもそもAFFINGERの設定が間違っていないかをチェックします。
WordPressダッシュボードのAFFINGER管理
![](https://i0.wp.com/c-everyday.com/wp-content/uploads/2023/09/image-12.png?w=400&ssl=1)
メニュー→スマホスライドメニュー
スマホメニューを表示しないにチェックが入っていないことを確認します。
![](https://i0.wp.com/c-everyday.com/wp-content/uploads/2023/09/image-13-1024x974.png?w=600&ssl=1)
チェックが入っていないことを確認したら、次のステップへ進みます。
チェックが入っている状態だった場合は、チェックを外して保存後、サイトをリロードしてみてください。それでも表示されなければ次のステップへ進みます。
キャッシュを削除する or シークレットブラウザで確認する
キャッシュが悪さをしているのかもしれないと思い、ブラウザのキャッシュを削除してみました。
ブラウザのメニュー(Chromeであれば右上にある縦並びの3点)
![](https://i0.wp.com/c-everyday.com/wp-content/uploads/2023/09/image-8.png?w=400&ssl=1)
設定
![](https://i0.wp.com/c-everyday.com/wp-content/uploads/2023/09/image-7.png?w=400&ssl=1)
プライバシーとセキュリティ
![](https://i0.wp.com/c-everyday.com/wp-content/uploads/2023/09/image-9.png?w=400&ssl=1)
閲覧履歴データの削除
![](https://i0.wp.com/c-everyday.com/wp-content/uploads/2023/09/image-10-1024x342.png?resize=920%2C307&ssl=1)
キャッシュされた画像とファイルにチェックをいれて削除
![](https://i0.wp.com/c-everyday.com/wp-content/uploads/2023/09/image-11.png?w=400&ssl=1)
ブラウザで該当のページをリロード
これで解決したらキャッシュの問題ですが、今回は解決しませんでした。
キャッシュの削除をしたくない場合は、シークレットブラウザや、普段使っていないブラウザアプリ、LINEなどのアプリ内のブラウザで確認しても、キャッシュを削除した場合と同等の結果が得られます!
これで解決しなかった場合は次のステップへ進みましょう!
悪さをしているプラグインがないかをチェックする
プラグインによっては、相性が悪く干渉してしまったり、動作が不安定になってしまうものがあります。今回悪さをするとしたら、キャッシュの管理や、サイトのスピードを速くする系のプラグインの可能性が高いため、そういったプラグインが入っていれば、一度無効化→サイトリロードでチェックしていきます。
今回のケースでは、サイトスピードをアップする「Hummingbird」というプラグインが入っていたので、無効化してみました。
プラグイン無効化後、サイトをリロードします。
![](https://i0.wp.com/c-everyday.com/wp-content/uploads/2023/09/image-7-1024x1024.jpg?resize=920%2C920&ssl=1)
![](https://i0.wp.com/c-everyday.com/wp-content/uploads/2023/09/image-6-1024x948.png?resize=920%2C852&ssl=1)
無事に表示されました!行方不明だった検索の虫眼鏡アイコンも戻ってきました!!
リロード後に変化がない場合は、STEP2の手順に沿ってキャッシュ削除、もしくはシークレットブラウザや別ブラウザで確認してみてください。それでも直らなければ、無効化にしたプラグインの仕業ではなかったということになるので、悪さをしている別のプラグインを探してください。プラグインを無効化して検証する場合は、面倒ですが、必ず一つずつ行うようにしてください。
![](https://i0.wp.com/c-everyday.com/wp-content/uploads/2023/09/aym.aym_Female_in_her_30s_with_a_computer_pastel_color_830ad449-db61-4915-b122-5a5f26f92f90.png?w=60)
サイト運営をしていると、必ずこういう問題にぶち当たりますよね・・・わたしの経験がどなたかのお役に立てれば幸いです!