アフィリエイト広告を利用しています

Snow Monkey ナビゲーションメニューの子階層を常時表示するスタイルシート(CSS)カスタマイズ

WordPressテーマのSnow Monkeyで、ウィジェットパーツ「ナビゲーションメニュー」にて、子階層があるメニューを設定した場合、折りたたまれて、マウスを近づけると、プラスマークが表示されるオシャレな仕様です。

↓ ウィジェットのコレ

ただ、この折りたたまれていることに気づいてもらいにくいように、感じます。(個人的な意見です)

↓ 右のプラスマークが、目立たないので、気付いてもらいにくい気が、、

そこで、スタイルシートで、折りたたみを解除して、常時 子階層のメニューも表示するようにしました。

こちらのスタイルシートを、外観 > カスタマイズ > 追加CSS に追加します。

/* ナビゲーションメニュー 子階層も常時表示 */
ul.menu .sub-menu {
    display: block;
}
ul.menu .sub-menu li{
margin-left:1em;
}
button.children-expander {
    display: none;
}

↓ CSSを適用すると、このように表示が切り替わります。

この記事を書いた人

大東 信仁

カンパチが好きです。

プロフィールはこちら

10月14日開催 参加者募集中
(画像をタップ→詳細へ)

ミッションナビゲート モニター
(画像をタップ→詳細へ)

広告