たった、今、このサイトから子テーマをダウンロードして「style.css」を開いてみました。

内容は以下のとおりです。

@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template: cocoon-master
Version: 1.1.0
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
/*必要ならばここにコードを書く*/
}

/*1023px以下*/
@media screen and (max-width: 1023px){
/*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
/*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
/*必要ならばここにコードを書く*/
}

これと同じなら、大丈夫ですね。

でも、私は、カスタマイザーの方じゃなくて、ここにCSSを追記しています。

Wordpressはカスタマイザーの方を薦めるみたいですけども。

子テーマのバージョンは気になさらなくても大丈夫かと思います。

追記：今、気がついたのですが、メディアクエリの画面幅（1023px等々）の数値も子テーマのバージョンによって若干違うんですね。

でも、何かエラーがあると「ファイルを更新」するときに、赤い×印やサイトが壊れるみたいな警告が出るはずなので、たぶん大丈夫ではないかと思います。

よくよく見てみたら、以下の表記は不要ですね ?

/*1240px以下*/
@media screen and (max-width: 1240px){
/*必要ならばここにコードを書く*/
}

何で追加したんだろう。後で削除しておきます。

お二方、お忙しいところご回答ありがとうございます！

大丈夫そうで安心しました。

私はテーマエディタの方をいじると分からなくなってしまいそうなので、カスタマイズの方を利用します。

これからもcocoonを愛用させていただきます。本当にありがとうございました。

投稿者:: @yhira

よくよく見てみたら、以下の表記は不要ですね ?

/*1240px以下*/
@media screen and (max-width: 1240px){
/*必要ならばここにコードを書く*/
}

何で追加したんだろう。後で削除しておきます。

たぶん、デフォルトの「.wrap」の値が1236pxだったときに、画面幅を伸縮させたときにスムーズに切り替えるためのメディアクエリの数値が1240pxだったのだと思います。

メインカラムとサイドバーには、左右それぞれに0.5％のマージンが設定されているので、1240pxで切り替えるとスムーズです。

現在は、サイドバーのデフォルトの左右のマージンがそれぞれ10pxから19pxに変わっているようですので、「.wrap」の値は、1256pxとなり、切り替えのためのメディアクエリの数値は、1260pxに設定されているみたいですね。

×　現在は、サイドバーのデフォルトの左右のマージンがそれぞれ10pxから19pxに変わっている。

〇　現在は、サイドバーのデフォルトの左右の余白（padding）がそれぞれ10pxから19pxに変わっている。

間違えました。