WordPressで作成したwebサイトをスマホでみると、画面上に配置されているメニューが閉じていて、リンクがすべて隠れて表示されます。
スマホで表示された時に、すべてのメニュー項目を最初から表示させたい!という方もいると思います。
こちらの記事では、簡単にスマホ用メニューを折りたたまずに、常に表示させる方法をご紹介します。
スマホ用メニューを最初から表示させておく方法
方法はとても簡単。
「mobile.css」に以下を追記してください。
#navi ul {
display: block;
}#mobile-menu a{
display: none;
}
こちら追記すると、こちらのサイトのような感じになります(スマホでご確認下さい)
コメント