補足ですが、(今までスマホ閲覧時はレスポンシブで縦2列になっていた)2カラムが、横2行で表示されてしまうのが崩壊の原因だと思うので、これを従来通り(スマホ閲覧の場合)縦2列で表示されるようになれば解決するかと思います。

…が、子テーマのCSSで調整を試みたものの、無知ゆえに上手く行きませんでした。恐縮ですがご対応のほどよろしくお願い致します。

Cocoon機能で最近？追加された？？ウィジェット『コンテンツ上部・コンテンツ下部』に変更したなどはありませんか？

原因はなに？と言えばウィジェット『コンテンツ上部・コンテンツ下部』って感じです。

https://gyazo.com/28be83cae0dcc2e0c332485e519e93b5

これは.mainではない領域ですね。たぶんどのウィジェットを使っても問題ないようにするには.containerと指定しないとダメっぽいです。

@media screen and (max-width: 599px) {
  .main .column-wrap {
    flex-direction: column;
  }
  .main .column-wrap > div {
    width: 100%;
    padding: 1em 0;
  }
}

上記は親テーマの指定。これを以下のように変更。みたいな。

@media screen and (max-width: 599px) {
  .container .column-wrap {
    flex-direction: column;
  }
  .container .column-wrap > div {
    width: 100%;
    padding: 1em 0;
  }
}

コンテンツ下部ウィジェットでそのように利用されるのは、正直想定していませんでした。
かうたっくさんが書かれた修正案をテーマの方にも取り入れました。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------

＞かうたっくさん

親テーマのコードをご紹介いただいたものに変更したところ、正常に表示されるようになりました。

懇切丁寧なご対応、ありがとうございました！

動作確認ありがとうございます ?