Dawn 15.1.0を使用しております。
モバイルのコレクションリストでは横に2列までしか増やす事が出来ないので、
こちらを3列、4列と表示できるようにするにはどのようなコーディングが必要でしょうか？
過去のバージョンなどでは回答があったのですが、
現在のバージョンで答えが見つからない為。
↑ここを横3、4列に変更したい。
よろしくお願いします。
Topic summary
Dawnテーマ（バージョン15.1.0）のモバイル表示において、コレクションリストの列数を標準の2列から3列または4列に増やす方法についての質問と解決。
質問内容：
- モバイルでコレクションリストを3列・4列表示にするためのコーディング方法
- 過去バージョンの回答が現バージョンで見つからない
解決方法：
- コレクションリストのカスタムCSS欄にメディアクエリを追加
- Dawn 15.2.0を基に回答（15.1.0と互換性あり）
- 3列表示：
width: calc(33% - var(--grid-mobile-horizontal-spacing) / 2)とmax-width: calc(33.3%)を設定 - 4列表示：同様に25%の幅で設定
@media screen and (max-width: 749px)でモバイル画面に適用
結果：
問題は無事解決し、質問者はベストソリューションとして承認。スクリーンショット画像も添付されている。
@FEI 様
コレクションリストを3列、4列表示にする場合ですが、
コレクションリストのカスタムCSS欄にcssを追加することで対応が可能かと思われます。
手元にDawn15.1.0がなかったため、Dawn15.2.0を元に回答させていただきます。
前提条件
モバイルのレイアウトを2列表示にする。
3列の場合
カスタムCSSに下記コードを追加
@media screen and (max-width: 749px) {
.grid--2-col-tablet-down .grid__item {
width: calc(33% - var(--grid-mobile-horizontal-spacing) / 2);
}
.grid__item {
max-width: calc(33.3%);
}
}
4列の場合
カスタムCSSに下記コードを追加
@media screen and (max-width: 749px) {
.grid--2-col-tablet-down .grid__item {
width: calc(25% - var(--grid-mobile-horizontal-spacing));
}
.grid__item {
max-width: calc(25%);
}
}
ご参考まで。
（キュー小坂）
キュー 小坂様
ご丁寧にありがとうございます。
無事解決致しましたので、ベストソリューションとさせて頂きます。
よろしくお願いいたします。