改善報告Ver.2.8.0→2.8.1

現象

フッターメニューの「CSS class（オプション）」に、Font AwesomeのCSSクラスを入力した（図1参照）。
このとき、フッターメニューの上にFont Awesomeのアイコンが表示される（図2参照）。

ナビゲーションメニューにも同様で問題がある。

原因

運用上、グローバルナビメニュー同様に、Font AwesomeのCSSを入力してはならない。
ナビゲーションメニューはdislay: lnline-block;となるため、メニューが横並びになる。

グローバルナビのメニューを設定する方法

主にパソコンなどで表示されるグローバルナビメニューの設定方法です。サブキャプション機能で補足説明を入力することも可能です。

wp-cocoon.com

対策

以下を追加する。
グローバルナビメニュー同様に、フッターメニューもFont Awesomeのアイコンを無効にする。
また、ナビゲーションメニューはdisplay: list-item;とする。

.navi-footer-in > ul li::before {
  content: none;
}

.navi-footer-in > ul li {
  font-weight: normal;
}

.widget_nav_menu li {
  display: list-item;
}

.footer-bottom a {
  line-height: 1.4;
}

変更一覧