# Dawn マルチカラムの画像サイズ **URL:** \ **Category:** 技術的なQ＆A\ **Created:** [March 9, 2023, 6:34am UTC](https://community.shopify.com/t/dawn/198176 "2023-03-09T06:34:00Z")\ **Posts on this page:** 3\ **Page:** 1 ## AI-generated summary Dawnテーマでマルチカラムを使用してバナーを2つ横並びに配置しているが、スマホ表示で画像が小さく見づらくなる問題が発生している。 **現状の課題:** - デスクトップでは適切なサイズ感 - スマホでは画像が小さすぎて視認性が低い - 元画像のサイズを上げても効果がない **提案された解決策:** Tsun社の吉谷氏から、スマホ表示時は2列ではなく1列表示に変更する方法が提案され、参考画像も共有された。 **質問者の要望:** モバイル表示でも2列横並びのデザインを維持したいと希望しており、縦横幅の設定やコーディングでの対応方法について追加の助言を求めている。アウトプットイメージも添付済み。 **議論の状態:** 解決策の模索中で、モバイルでの2列表示を実現する具体的な方法についての回答待ち。
**Author:** ![kazuki2](https://avatars.discourse-cdn.com/v4/letter/k/9f8e36/32.png) [@kazuki2](https://community.shopify.com/u/kazuki2)\ **Post date:** [March 9, 2023, 6:34am UTC](https://community.shopify.com/t/dawn/198176/1 "2023-03-09T06:34:00Z")
お世話になっております。 現在dawnのテーマを使いサイト構築を行っております。 下記画像のようにバナーを2つ並べて表示させているのですが デスクトップ表示だと程よいサイズ感なのですが スマホで確認するとかなり小さくてみずらくなってしまいます。 元々の画像の縦横のサイズを上げてもあまり意味がないため コーディングが必須だと思うのですが どこをいじれば縦幅と横幅の設定をできるかわからないので ご教示いただければ幸いです。 ご回答宜しくお願いいたします。 ![スクリーンショット 2023-03-09 153230.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/f/c/fc7d82b7e7c0e97a54b5c080d4b7cf3c15f26e01.png) ---
**Author:** ![kyoshi\_Tsun](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/kyoshi_tsun/32/1503_2.png) [@kyoshi\_Tsun](https://community.shopify.com/u/kyoshi_Tsun)\ **Post date:** [March 11, 2023, 11:27am UTC](https://community.shopify.com/t/dawn/198176/2 "2023-03-11T11:27:38Z")
はじめまして 株式会社Tsunの吉谷と申します **_下記画像のようにバナーを2つ並べて表示させているのですが_** **_デスクトップ表示だと程よいサイズ感なのですが_** **_スマホで確認するとかなり小さくてみずらくなってしまいます。_** スマホの時は２列（２つ並び）ではなく、1列で表示することで、 画像が小さくて見ずらい問題は解決できるのではないでしょうか。 （マルチカラムでスマホのみ1列表示に変更する方法） ![Tsun-Inc-·-Dawnをカスタマイズする-·-Shopify.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/3/4/34724cc5c13727de8eb1321eff28bdef06107df0.png) _ **どこをいじれば縦幅と横幅の設定をできるかわからないので** _ _ **ご教示いただければ幸いです。** _ 具体的なアウトプットイメージ（スクリーンショット等）がありましたら、 なにかアドバイスできるかと思いますので、アウトプットイメージのわかる情報を共有いただけますと幸いです。 以上になります。 ご参考になりましたら幸いです。 ---
**Author:** ![kazuki2](https://avatars.discourse-cdn.com/v4/letter/k/9f8e36/32.png) [@kazuki2](https://community.shopify.com/u/kazuki2)\ **Post date:** [March 14, 2023, 1:40am UTC](https://community.shopify.com/t/dawn/198176/3 "2023-03-14T01:40:33Z")
株式会社Tsun 吉谷様 お世話になっております。 モバイル表示の際も 2列横並びのデザインにしたいのですが 難しいのでしょうか アウトプットイメージ添付しますので ご教示いただければ幸いです。 よろしくお願いいたします。 ![例 スクショ.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/e/3/e3dee2ae128112866b8d1d75e8d839d99f72eab1.png)