2023年12月19日 / 最終更新日時 : 2023年12月19日 copotal-factory ブログ

【開発日記】WordPress｜モバイル表示でハンバーガーメニューの記号が表示されない

このサイト・および記事にはアフィリエイト広告を利用しています。

解決してしまえばなんということはないのですが、サイトをモバイル表示するとハンバーガーメニューの記号が表示されない問題があったので、ブログにしました。

モバイルの見え方を常にチェック

WordPressでサイト構築していると、PC表示しか気にしていないことが多々あるのですが、たまに自分のスマホなどでモバイル表示した際に、見え方が違ったり、意図しない表示になっていたりすることがあります。

今回は、モバイル表示の際、ハンバーガーメニューの記号が表示されていない事象がありました。

使っているテーマがLightningなのですが、

だったので、最新版に更新したところ、表示されるようになりました。

Lightningのバージョンはこちらからチェック

テーマの更新はWordPressのダッシュボード→更新→ページ下部の「テーマ」から行えます。

サイトを作っている際は、常にモバイルでの見え方をチェックしたいものです。（できてなかった…）

よく使うツールはChromeの拡張機能である「Responsive Viewer」です。

様々な端末での見え方が一覧で表示されるので大変便利です。

表示する端末も主要なものから選ぶことができます。

お役に立てば。