# マルチカラムのカテゴリーを３つ横並びにしたい **URL:** \ **Category:** 総合的なディスカッション\ **Created:** [February 26, 2025, 3:13am UTC](https://community.shopify.com/t/topic/397119 "2025-02-26T03:13:33Z")\ **Posts on this page:** 5\ **Page:** 1 ## AI-generated summary Dawn 15.2.0テーマでマルチカラムセクションを使用して商品を3つ横並びにしたいが、「モバイルでスワイプを有効にする」をオンにすると、デスクトップ表示で上に2つ、下に1つという配置になってしまう問題が報告されました。 **現在の対処法:** - スワイプをオフにして列数を4に設定(右側に空白ができる) **原因の可能性:** - デフォルトのDawnではこの問題は発生しないため、カスタマイズしたコードに問題がある可能性が高い - ulタグやliタグが別のCSSの影響を受けている - コードが不完全または閉じられていない **提案された解決策:** - `multicolumn.liquid`ファイルをデフォルトのDawnと比較 - 差分比較ツール(difff.jp)を使用して変更箇所を特定 - 差分がない場合はCSS等の影響を調査 質問者はコード初心者のため、これ以上の対応は難しいと述べています。
**Author:** ![Anonymous\_61092b3fc5e108c0c3057eafc0ae8d89](https://avatars.discourse-cdn.com/v4/letter/a/e36b37/32.png) [@Anonymous\_61092b3fc5e108c0c3057eafc0ae8d89](https://community.shopify.com/u/Anonymous_61092b3fc5e108c0c3057eafc0ae8d89)\ **Post date:** [February 26, 2025, 3:13am UTC](https://community.shopify.com/t/topic/397119/1 "2025-02-26T03:13:33Z")
解決できるなら解決したいのですが、マルチカラムについてです。 DAWN15.2.0を利用しています。コードのことは理解していない素人です。 ◾ マルチカラムを使って商品を３つ横並びに並べたい。 マルチカラムをセクションに追加し、３つのカテゴリーを並べて画像やテキストを入力します。 基本の形はこれになりますよね。↓ ![スクリーンショット 2025-02-26 11.38.51.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/6/6/665686bf9478ead5bad64dc97fa05cb7c1cb404b.png) けれど、モバイルレイアウトの“モバイルでスワイプを有効にする”をオンにすると 上に２つ下に１つという並びになってしまうんです。 ↓ ![スクリーンショット 2025-02-26 11.38.24.png](https://canada1.discourse-cdn.com/shopifyforum/original/3X/f/9/f9c0f5ef146fe7106a3060470134a1907372c9ff.png) オフにすれば横３列に並びますが、モバイルの見た目敵にスワイプにしておきたい商品の場合、困っています。 （オフにする場合、デスクトップの列数を４にしたりしています。右側に空白ができますが苦肉の策です。） わかりにくい説明で申し訳ないのですが、どなたか解決策がわかる方、ご教示ください。 コードをちょこちょこイジっているので、おかしなことをしているのかもしれません。 よろしくお願いします。 ---
**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:** [February 26, 2025, 10:06am UTC](https://community.shopify.com/t/topic/397119/2 "2025-02-26T10:06:19Z")
@Anonymous_61092b3fc5e108c0c3057eafc0ae8d89 様 マルチカラムで「モバイルでスワイプを有効にする」にチェックを入れた際、PCで段落ちしてしまう件ですが、 デフォルトであれば、チェックをつけても段落ちしないようです。 ulタグやliタグなどが別のcssによって影響を受けているや、コード閉じていないなど不完全である可能性高いと思われます。 ただ、現状の情報だけですとあくまで可能性での判断となり、これ以上の原因はわかりかねます。 明確な回答とならず、恐縮です。 （キュー小坂） ---
**Author:** ![Anonymous\_61092b3fc5e108c0c3057eafc0ae8d89](https://avatars.discourse-cdn.com/v4/letter/a/e36b37/32.png) [@Anonymous\_61092b3fc5e108c0c3057eafc0ae8d89](https://community.shopify.com/u/Anonymous_61092b3fc5e108c0c3057eafc0ae8d89)\ **Post date:** [February 26, 2025, 11:58pm UTC](https://community.shopify.com/t/topic/397119/3 "2025-02-26T23:58:04Z")
キュー小坂様 ご返答ありがとうございます。 内容は理解いたしました。 十分な回答をありがとうございました。 コードは素人なので、これ以上はやりようがないなと思っています。 ちなみに、問題があるとしたら multicolumn.liquid の中にあると思って良いのでしょうか？ ---
**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:** [February 27, 2025, 2:17am UTC](https://community.shopify.com/t/topic/397119/4 "2025-02-27T02:17:49Z")
[email removed] 問題がある箇所の可能性としては、「multicolumn.liquid」に変更を加えていらっしゃる場合は、 「multicolumn.liquid」が一番高いのではと推測されます。 テーマライブラリにデフォルトのDawnを追加し、 修正したデータとデフォルトデータの「multicolumn.liquid」を下記の様な差分比較ツールを使用するとより分かりやすかもしれません。 [https://difff.jp/](https://difff.jp/) 差分がない場合は、css等が影響しているのではと推測されます。 ご参考まで。 （キュー小坂） ---
**Author:** ![Anonymous\_61092b3fc5e108c0c3057eafc0ae8d89](https://avatars.discourse-cdn.com/v4/letter/a/e36b37/32.png) [@Anonymous\_61092b3fc5e108c0c3057eafc0ae8d89](https://community.shopify.com/u/Anonymous_61092b3fc5e108c0c3057eafc0ae8d89)\ **Post date:** [February 27, 2025, 2:25am UTC](https://community.shopify.com/t/topic/397119/5 "2025-02-27T02:25:16Z")
ご丁寧にありがとうございます！ 頑張ってみます。 本当にありがとうございました。