対象ページのメインカラムは既に子テーマでカスタマイズされているようです。

申し訳ないですが、サポート対象外のものにもあるように子テーマのstyle.cssで書かれたスタイルを基盤としたカスタマイズ指南はサポート外とさせていただいています。

これまでは、mainの左マージン、サイドバーの右マージンで調整しておりましたが、それだと、レスポンシブデザインとして、画面縮小するとレイアウトが極端にくずれるなど、あまり機能しないようでした。

僕の環境では、不具合は出ないようです。
子テーマでスタイルをカスタマイズされていないでしょうか？
もし子テーマでカスタマイズしていないのに、不具合が出ているようであれば、見せているなければ不具合修正として対応させていただきたいと思います。

Cocoon設定の『カラム』タブにある『コンテンツ幅』の値ですが、『860』になっているのであれば『680』にして子テーマの記載を消すなどすればキレイになるのかな？と思いますが。

子テーマで色々されてるので、試してみないとわからないです。Cocoon設定で試してみるとどうなりますか？

これでいけます。

.content-in {
  justify-content: center;
}

わいひらさま、

ご指摘ありがとうございます！

まずは、カスタマイズをやめて元に戻してから

検証するようにいたします！

かうたっくさま、

ありがとうございます。

Cocoon設定の『カラム』タブにある『コンテンツ幅』の値を調整し、

かつ、子テーマのCSSから該当部分を削除することで、

全体の幅をおさえつつ、きれいに中央ぞろえすることができ、

かつ、レスポンシブなレイアウトにすることができました！

何でもかんでも子テーマのCSSで調整すればいいわけではないのですね　汗

これから、WP管理での設定、CSSの編集、などの優先順位を勉強します！

RB

Akiraさま

ご教示ありがとうございます。

試してみます！！

RB

Cocoon設定の『カラム』タブにある『コンテンツ幅』の値を調整し、かつ、子テーマのCSSから該当部分を削除することで、全体の幅をおさえつつ、きれいに中央ぞろえすることができ、かつ、レスポンシブなレイアウトにすることができました！

CSSで編集した場合は、慣れない場合は予期せぬ不具合が起きる可能性があります。
まずは、テーマの設定でできるかを確認して、出来ないようであればCSSでやるといった順番にすると良いかもしれません。

とりあえず、うまくいったようでよかったです。