Affingerのメニューをドロップダウン表示にカスタマイズする方法

2016/01/07

話題のWordPress用テーマ「Affinger」ですが、同じ作者の「Stinger」同様デフォルトでドロップダウンメニューに対応していません。
しかもそれまでのバージョンの「Stinger」や「Affinger」と同時リリースされた「Stinger6」とCSSの内容が微妙に違うので「Stinger」用のカスタマイズが使えなかったりします。

ということで、なるべくデフォルトのデザインの印象を壊さず「Affinger」のナビゲーションメニューをドロップダウン表示に対応させるCSSを作ってみたので公開します。

ドロップダウンメニュー表示用CSS

CSSを「Style.css」に追加することでドロップダウンメニューになります。
追加する場所は「Style.css」の1790行目あたり。

この下に以下のCSSをコピペして追加してください。

これでメニューがドロップダウン表示されるようになるはずです。
デザインの変更などはお好みでどうぞ。

もし表示の乱れなどがありましたら、コメント欄で教えてください。
時間があるときに対応するかもしれません。

-WordPress
-,