モバイルサイドメニューの広告について - Cocoonテーマに関する質問 https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%83%89%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e5%ba%83%e5%91%8a%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/ Cocoon ディスカッション掲示板 ja Fri, 06 Mar 2026 20:59:52 +0000 wpForo 60 RE: モバイルサイドメニューの広告について https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%83%89%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e5%ba%83%e5%91%8a%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-76035 Mon, 18 Dec 2023 06:12:58 +0000 ご確認いただきありがとうございます。

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%83%89%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e5%ba%83%e5%91%8a%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-76035 RE: モバイルサイドメニューの広告について https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%83%89%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e5%ba%83%e5%91%8a%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-76001 Sat, 16 Dec 2023 08:42:17 +0000 ----------------------------------------------
テーマ名：Cocoon
バージョン：2.6.9.2
カテゴリー数：8
タグ数：12
ユーザー数：1
----------------------------------------------
修正されている事を確認しました。
本件をクローズとします。

]]> Cocoonテーマに関する質問 大門未知子 https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%83%89%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e5%ba%83%e5%91%8a%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-76001 RE: モバイルサイドメニューの広告について https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%83%89%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e5%ba%83%e5%91%8a%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-75996 Sat, 16 Dec 2023 08:15:09 +0000 ご連絡ありがとうございます。
:hasの方を使わせていただいて修正させていただきました。
https://github.com/xserver-inc/cocoon/commit/bfea143e6fe0632de336e033310d45b83163a19e

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%83%89%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e5%ba%83%e5%91%8a%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-75996 モバイルサイドメニューの広告について https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%83%89%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e5%ba%83%e5%91%8a%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-75928 Tue, 12 Dec 2023 17:47:19 +0000 実害はありませんが、CSSで気になった点があり。
----------------------------------------------
テーマ名：Cocoon
バージョン：2.6.9.2
カテゴリー数：7
タグ数：12
ユーザー数：1
----------------------------------------------
●現象

モバイルの時、サイドバーの広告ウィジェットは非表示となる。
サイドバーのウィジェット配置をdisplay:flexとした場合、不要なgapができる。
図参照。

https://github.com/xserver-inc/cocoon/blob/bab1c99c8c94d5ac85f50e9ff1bdf3eb60169751/style.css#L7449-L7451

●原因

親widget_common_adを非表示とせず、子ad-areaを非表示としている。
要素がある為、不要なgapができる。

●対策

.mobile-menu-buttons .ad-areaでなく、親のCSSクラスとするのが望ましく。

.mobile-menu-buttons .widget_common_ad,
.mobile-menu-buttons .widget_pc_ad,
.mobile-menu-buttons .widget_mobile_ad {
display:none;
}


.widget_pc_double_adsが、何ものか分からず笑

●仮対応

Firefox121以降なら:hasが使え、以下で対応しています。

.mobile-menu-buttons .widget:has(.ad-area) {
display: none;
}
]]> Cocoonテーマに関する質問 大門未知子 https://wp-cocoon.com/community/cocoon-theme/%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%82%b5%e3%82%a4%e3%83%89%e3%83%a1%e3%83%8b%e3%83%a5%e3%83%bc%e3%81%ae%e5%ba%83%e5%91%8a%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-75928