CSSでカスタマイズした場合など、サイトに変更を加えて、表示を確認するときは、先ず、キャッシュ系のプラグインを停止します。

その他に、レンタルサーバーで何らかのキャッシュ機能を利用している場合や端末のブラウザのキャッシュもスーパーリロード等で、その都度キャッシュをクリアして確認しないと、正しい確認はできません。

ありがとうございました。

ただ、なぜか私のiPad Pro 10.5インチと12.9インチで見たところ、トップページだけ隙間が残るようでした。他のページは問題なく隙間がなくなっていました。いちおうiPad設定のサファリからサイトデータの削除をしてみたのですが、変わらずでした('_')

きっとiPadで表示される時用の特別なCSSがどこかにあるのでしょうかね？

隙間の件は、CSSでカスタマイズすれば消せるかと思います。

私もESETを使っていますが、ブラウザに以前使っていたノートンのセーフウェブの機能がアドオンとして？残っているようです。

ご友人、知人等にノートンを使われている方がいらしたら、遮断されないかどうか確認してみてもいいかもしれません。

もし、ノートンに遮断されるとすれば、該当するパソコンは多いと思われます。

ご自身で危険な訳はないと思っていても、遮断されるときは、遮断されます。

仕様でしたらしかたないですかね。iPad横で見たときにパソコンで見たときと違い隙間があったのであれ？と思ったわけです。

危険なサイトのわけはないのですが・・・私のパソコンはESETですが、とくになにもでませんけど
(^▽^;)

ピーコロミュージアムにアクセスすると、私の環境では、なぜかノートンセーフウェブに危険なサイトとして遮断されます。

理由は、わかりませんが・・・

以下のCSSのコードでカスタマイズできそうな気がします。

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

@media screen and (max-width:1142px) {

  .sidebar {
    margin-left: 0;
  }

  .main {
    margin-right: 0;
  }

}

上記のコードを追加CSSか、子テーマのCSSファイルにコピペして保存してみてください。

それは、Cocoonの仕様だったと思います。

画面幅を狭くしたときも隙間ができないようにするには、カスタマイズが必要かと思います。