Dawnテーマで商品ページをカスタマイズ中、「折りたたみ可能なコンテンツ」セクションの横幅が上下の「商品情報」や「マルチカラム」セクションより狭く、バランスが悪い状態になっている。
解決方法:
投稿者は類似投稿を参考にしたが解決できず質問。回答者が「折りたたみ可能なコンテンツ」セクションのカスタムCSSに以下のコードを追加することを提案:
.collapsible-content-wrapper-narrow {
max-width: none;
padding: 0 5rem;
}
結果:
投稿者は max-width: none; だけでは画面いっぱいに広がってしまったが、上下セクションの幅である1000pxに合わせることで意図通りに調整できたと報告。問題は解決済み。
Dawnを使用。
デフォルトの商品テンプレートを使って、商品テンプレート作成しています。
「商品情報」セクションの下に「折りたたみコンテンツ」セクションを追加しましたが、「商品情報」セクションやその下に配した「マルチカラム」セクションの幅に対して、横幅が狭いためバランスが悪い状態です。
「折りたたみ可能なコンテンツ」セクションを上下のセクションの横幅に合わせたいのですが、どこを調整すればよいでしょうか？
類似投稿参考にしてみましたが、わかりませんでした。
https://community.shopify.com/post/1993938
おわかりになる方いらっしゃいましたら、ご指導頂けますと幸いです。
よろしくお願いいたいします。
はじめまして。
「折りたたみ可能なコンテンツ」セクションのカスタムCSSに下記コードを入れることで対応可能かと思います。
.collapsible-content-wrapper-narrow {
max-width: none;
padding: 0 5rem;
}
ご参考までに。
ありがとうございます！
max-width: none; のままだと画面いっぱいになってしまいましたが、上下セクションの幅1000pxに合わせたらぴったりハマりました！
イメージ通りになりとても助かりました。
ご回答ありがとうございました！