【開発日記】WordPress｜モバイル表示でハンバーガーメニューの記号が表示されない
このサイト・および記事にはアフィリエイト広告を利用しています。
解決してしまえばなんということはないのですが、サイトをモバイル表示するとハンバーガーメニューの記号が表示されない問題があったので、ブログにしました。
モバイルの見え方を常にチェック
WordPressでサイト構築していると、PC表示しか気にしていないことが多々あるのですが、たまに自分のスマホなどでモバイル表示した際に、見え方が違ったり、意図しない表示になっていたりすることがあります。
ハンバーガーメニューの記号が表示されていない
今回は、モバイル表示の際、ハンバーガーメニューの記号が表示されていない事象がありました。
テーマを最新版に更新
使っているテーマがLightningなのですが、
- 最新版：15.16.0（2023年12月8日更新）
- 現状：15.9.0（2023年12月19日現在）
だったので、最新版に更新したところ、表示されるようになりました。
Lightningのバージョンはこちらからチェック
テーマの更新は「ダッシュボード」から
テーマの更新はWordPressのダッシュボード→更新→ページ下部の「テーマ」から行えます。
モバイルでの見え方のチェックツール
サイトを作っている際は、常にモバイルでの見え方をチェックしたいものです。（できてなかった…）
よく使うツールはChromeの拡張機能である「Responsive Viewer」です。
様々な端末での見え方が一覧で表示されるので大変便利です。
表示する端末も主要なものから選ぶことができます。
お役に立てば。
