Dawnテーマを使用したECサイトのトップページで、ページセクションの横幅が他のセクション（コレクションリストなど）と比べて狭く表示される問題が報告されました。
問題の詳細：
解決方法：
page.liquidファイルを選択page-width--narrowクラスを削除質問者は解決策を試し、ページの横幅が他のセクションと揃ったことを確認して問題が解決しました。
投稿失礼します。
現在添付したような形で、ECサイトのトップページにコレクションリストやページをセクションとして追加しています。
そのうえで、ページセクションだけが他のセクションと比べて横幅が狭く設定されてしまい、他のセクションと幅が合わず見栄えが悪くなっています。
具体的には、この黒い■部分がページセクションの部分となっており、上のコレクションリストのセクションと横幅が異なっています。
この事象はPCでのみ発生し、スマホで表示した場合には発生しません。
どこのコードを書き換えたらよいのかご教示お願い致します。
以下の手順をお試しください。
1.管理画面にログインし、[オンラインストア] > [テーマ] に移動します。
2.「カスタマイズ」の隣の[…] から[コードを編集] をクリックします。
3.「セクション」フォルダ内のpage.liquidファイルを選択し、コードを以下のように修正します。
修正前：
修正後：
4.最後に「保存」をクリックして完了です。
【解説】「page-width–narrow 」が横幅を狭く設定しているので、それを削除しました。
ありがとうございます！ページの横幅が他のセクションとそろいました！