商品ページで、商品詳細が商品画像の右側では小さすぎるため、カスタムliquidに以下のコードを追加し、下部に全幅で入るように追加しましたが、画像がスマホでレスポンシブにならずはみ出してしまいます。文章はモバイルの幅に合わせて改行されていますが画像だけが大きいままです。dawnテーマです。
解決方法がありましたらお願い致します。
Topic summary
商品ページのカスタムliquidで商品詳細エリアを全幅表示に変更したところ、画像がスマホでレスポンシブ対応せずにはみ出す問題が発生しています。
現状:
- 商品詳細を商品画像の右側から下部の全幅表示に移動
- テキストはモバイル幅に合わせて改行されるが、画像のみがはみ出す
- Dawnテーマを使用
追加されたコード:
<div class="page-width">
<h2>DESCRIPTION</h2>
{{ product.description }}
</div>
解決方法を求めている状態で、まだ回答は投稿されていません。