サブメニューの表示について - CSSカスタマイズ相談

RE: サブメニューの表示について

Kazuya4374 — Fri, 04 Aug 2023 12:06:14 +0000

chu-ya 様へ

丁寧な説明をしていただき感謝しています。無事にサブメニューを表示させることが出来ました。

私も人に教えられるくらいになれるよう、勉強していきたいと思います。

ありがとうございました。

RE: サブメニューの表示について

大門未知子 — Thu, 03 Aug 2023 13:41:04 +0000

●原因

ヘッダーを固定すると、子メニューを非表示としている。
この為、hoverしても、子メニューが表示されない。

.fixed-header .has-sub,
.fixed-header .navi-in .sub-menu {
display: none;
}

2023-08-03_22h33_31.png

●対策

以下を追加します。
固定メニューの時、hoverの時、子メニューを表示させる。

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

2023-08-03_22h36_15.png

RE: サブメニューの表示について

Kazuya4374 — Thu, 03 Aug 2023 13:07:13 +0000

わいひら様へ

お返事ありがとうございます。

いま作ろうとしているサイトはアドセンスを設定していないのと、広告類は一切表示しません。

どのようにすればＣＳＳ設定だけで表示できるのでしょうか？（不勉強ですみません）

RE: サブメニューの表示について

わいひら — Thu, 03 Aug 2023 10:18:15 +0000

サブメニューが表示されないのは仕様です。
ニーズもそこまでないとは思いますが、表示させてないのはアドセンスを設定していた場合、サブメニューを表示させると広告にかかって誤クリックを誘発し、アドセンス規約違反になる恐れがあるのでサブメニューは表示させていません。
アドセンスを設定していない、もしくは規約違反を恐れないということであればサブメニューはCSS設定だけで表示できたかと思います。

サブメニューの表示について

Kazuya4374 — Thu, 03 Aug 2023 09:01:22 +0000

Cocoon設定のの「ヘッダーを固定する」にチェックを入れると、
画面をスクロールしてもグローバルメニューが追随してきますが
サブメニューは表示されません。

これは仕様上の問題なのだと別記事を読んで理解しているのですが、
サブメニューを表示させたいというニーズはあまり無いのでしょうか？
または簡単なカスタマイズで対応出来るのでしょうか？

教えていただければ幸いです。よろしくお願いいたします。