# コレクションリストのカラム数を変更したい（モバイル版）

**URL:** <https://community.shopify.com/t/topic/249450>\
**Category:** サンプルコード集（アプリ・テーマ）\
**Tags:** optimization, theme-check, cart-page, troubleshooting, Product-Ideas\
**Created:** [September 11, 2023, 9:28am UTC](https://community.shopify.com/t/topic/249450 "2023-09-11T09:28:24Z")\
**Posts on this page:** 2\
**Page:** 1

## AI-generated summary

モバイル版のコレクションリストセクションで、カラム数が1列で表示されてしまう問題について質問が投稿されました。

**現状:**
- PC版では横並びで正常に表示
- モバイル版では1列表示になり、理想的な見た目ではない
- 2列表示に変更したい

**対応状況:**
- コード編集で対応可能かどうか質問中
- 回答者から、使用テーマの情報が必要との返信あり
- テーマ情報がないと具体的な解決策の提示が困難

添付画像で具体的な表示状態が共有されていますが、解決には至っておらず、追加情報待ちの状態です。

<div class="post-metadata">

**Author:** ![rannnn](https://avatars.discourse-cdn.com/v4/letter/r/b19c9b/32.png) [@rannnn](https://community.shopify.com/u/rannnn)\
**Post date:** [September 11, 2023, 9:28am UTC](https://community.shopify.com/t/topic/249450/1 "2023-09-11T09:28:24Z")

</div>

TOPページに「コレクションリスト」のセクションを追加しているのですが、

PCは横並びでコレクションが並んでいる状態になっていて問題なく

モバイル用で見ると、カラム数が1ずつで添付のように見えてしまいます。

 ![スクリーンショット 2023-09-11 18.19.11.png](https://canada1.discourse-cdn.com/shopifyforum/original/4X/e/c/7/ec759b6b2508efb82f573d103d99a11640148a0d.png)

ここを2列にしたいのですが、コード編集でどうにかなるものでしょうか。

コードに疎く力を貸していただけると大変嬉しいです。

よろしくお願い致します。

---

<div class="post-metadata">

**Author:** ![Qcoltd](https://yyz1.discourse-cdn.com/shopifyforum/user_avatar/community.shopify.com/qcoltd/32/900_2.png) [@Qcoltd](https://community.shopify.com/u/Qcoltd)\
**Post date:** [September 12, 2023, 8:10am UTC](https://community.shopify.com/t/topic/249450/2 "2023-09-12T08:10:29Z")

</div>

@rannnn 様

ご質問いただいている、スマホでのコレクションリスト表示のカラム数の件ですが、いただいている情報のみですと回答が難しいので、ご利用のテーマをご記載いただけましたら、返答できるかもしれません。

ご参考まで  
(キュー小坂)