モバイルサイドメニューに関して - CSSカスタマイズ相談 https://wp-cocoon.com/community/customs/%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%ab%e9%96%a2%e3%81%97%e3%81%a6/ Cocoon ディスカッション掲示板 ja Wed, 10 Jun 2026 09:33:27 +0000 wpForo 60 RE: モバイルサイドメニューに関して https://wp-cocoon.com/community/customs/%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%ab%e9%96%a2%e3%81%97%e3%81%a6/#post-32171 Sun, 03 May 2020 09:54:52 +0000 @mirumi　様

早急なお返事ありがとうございます！解決いたしました。

]]> CSSカスタマイズ相談 ぴん https://wp-cocoon.com/community/customs/%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%ab%e9%96%a2%e3%81%97%e3%81%a6/#post-32171 RE: モバイルサイドメニューに関して https://wp-cocoon.com/community/customs/%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%ab%e9%96%a2%e3%81%97%e3%81%a6/#post-32170 Sun, 03 May 2020 09:30:33 +0000
投稿者:: @ぴん

①の質問において以下の通り、CSSにて入れましたが、下線の区切りが表示されません。

すみません、区切り線を失念しておりました。なるべく最初の理想図に近いようにしてみました。

.menu-drawer li {
  border-bottom: solid 1.5px #cecece;
  padding: 0.4em 0.1em;
}

上記も加えてみてください。

投稿者:: @ぴん

また「お問い合わせ」とカテゴリー間のスキマも表示されません。

これに関しては見間違いをしておりました、下記に変えてみてください。

.menu-item-object-category {
  margin-top: 2em;
}

よろしくお願いいたします。（「カテゴリ」とタイトルを表示させるのはまた別のカスタマイズになるので、これは個別にトピックを立てるのをおすすめします）

]]> CSSカスタマイズ相談 みるみ https://wp-cocoon.com/community/customs/%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%ab%e9%96%a2%e3%81%97%e3%81%a6/#post-32170 RE: モバイルサイドメニューに関して https://wp-cocoon.com/community/customs/%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%ab%e9%96%a2%e3%81%97%e3%81%a6/#post-32169 Sun, 03 May 2020 08:50:00 +0000 @mirumi様

すみません、先ほどキャプションをつけ忘れたので、添付いたします。

]]> CSSカスタマイズ相談 ぴん https://wp-cocoon.com/community/customs/%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%ab%e9%96%a2%e3%81%97%e3%81%a6/#post-32169 RE: モバイルサイドメニューに関して https://wp-cocoon.com/community/customs/%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%ab%e9%96%a2%e3%81%97%e3%81%a6/#post-32168 Sun, 03 May 2020 08:48:43 +0000 みるみ様

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

大変失礼いたしました、次回以降から1トピック、1つの質問を致します。

 

①の質問において以下の通り、CSSにて入れましたが、下線の区切りが表示されません。

また「お問い合わせ」とカテゴリー間のスキマも表示されません。

.object-category {
  margin-top: 2em;
}

お手数ですが、再度ご教示頂けると幸いです。

]]> CSSカスタマイズ相談 ぴん https://wp-cocoon.com/community/customs/%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%ab%e9%96%a2%e3%81%97%e3%81%a6/#post-32168 RE: モバイルサイドメニューに関して https://wp-cocoon.com/community/customs/%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%ab%e9%96%a2%e3%81%97%e3%81%a6/#post-32157 Sun, 03 May 2020 04:48:22 +0000 こんにちは。

基本的にフォーラムにカスタマイズ相談をなさる場合は「１つのトピックにつきカスタマイズ内容１つまで」がルールですので、次回からはそのようにしていただくと良いかと思います。

今回はまとめてお答えします。下記のCSSをそれぞれ子テーマのstyle.cssに貼り付けてみてください。

①

カテゴリとは「未分類」になっている部分でよろしいですか？
もしそうでしたら

.object-category {
  margin-top: 2em;
}

②

モバイル環境でのタップ時の「青色」はデバイス側に依存する仕様なので基本は変えられません（…のはず）。
ただしその後にピンク色にすることは可能ですのでそれを提示してみます。

.menu-drawer a:hover {
  background-color: #ffdeec;
}

③

.menu-close-button {
  display: none;
}

 

]]> CSSカスタマイズ相談 みるみ https://wp-cocoon.com/community/customs/%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%ab%e9%96%a2%e3%81%97%e3%81%a6/#post-32157 モバイルサイドメニューに関して https://wp-cocoon.com/community/customs/%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%ab%e9%96%a2%e3%81%97%e3%81%a6/#post-32138 Sat, 02 May 2020 18:00:48 +0000 タイトルの質問に関してお手数ですが以下ご教示ください。

①モバイルサイドメニューの項目欄の下に、線を引きたい。また空白をカテゴリーと分けてカテゴリーと分けて見やすくしたい。（添付資料の通り。）

②モバイルサイドメニューでリンクを押すときに、現在「青色」になってるが、「ピンク色」に表示させたい。

③モバイルサイドメニューの「×」を消したい。

何卒よろしくお願いします。

 

----------------------------------------------
サイト名：話の種
サイトURL：https://hanashino-tane.com
ホームURL：https://hanashino-tane.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
スキン：/wp-content/themes/cocoon-master/skins/skin-template/style.css
WordPressバージョン：5.3.3
PHPバージョン：7.3.14
ブラウザ：Mozilla/5.0 (Windows NT 6.3; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.129 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.1.4.1
]]> CSSカスタマイズ相談 ぴん https://wp-cocoon.com/community/customs/%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%ab%e9%96%a2%e3%81%97%e3%81%a6/#post-32138