【WordPress】スマホ用メニューを折りたたまずに、常に表示する方法

WordPressで作成したwebサイトをスマホでみると、画面上に配置されているメニューが閉じていて、リンクがすべて隠れて表示されます。

スマホで表示された時に、すべてのメニュー項目を最初から表示させたい!という方もいると思います。

こちらの記事では、簡単にスマホ用メニューを折りたたまずに、常に表示させる方法をご紹介します。

スマホ用メニューを最初から表示させておく方法

方法はとても簡単。

「mobile.css」に以下を追記してください。

#navi ul {
display: block;
}

#mobile-menu a{
display: none;
}

こちら追記すると、こちらのサイトのような感じになります(スマホでご確認下さい)

コメント

タイトルとURLをコピーしました