【Cocoon】追従ヘッダーにサブメニューが表示されない

ヘッダー部分を上部に固定追従ヘッダーに設定

下にスクロールしてもヘッダーグローバルメニューが上部に固定追従されるように設定。

Cocoon 設定>ヘッダー>ヘッダーを固定するにチェック

しかし、グローバルメニューに下層のサブメニューがある場合、追従されるヘッダーメニューにはサブメニューが表示されません。
理由は「サブメニューを表示させるとクリック報酬型などの広告にかかって誤クリックを誘発し、アドセンス規約違反になる恐れがあるため」固定追従ヘッダーではサブメニューは非表示に。

広告の設定をしていないのであれば、CSSに “display: block;” 追加すれば表示されるようになります。

CSSを “style.css” に追加

外観＞テーマファイルエディタ＞style.cssに下記の内容を追加。

.fixed-header .navi-in > ul li:hover > ul {
	display: block;
}

以上でCocoonの追従ヘッダーでサブメニューを表示させる方法となります。

引用元の「Cocoon」様のサイトにて詳しく丁寧に紹介されています。

引用元：Cocoonフォーラム – サブメニューの表示について