商品表示を2列にしたい

[harue]

Brooklynテーマを使用しております。

スマホで、特集コレクションの商品表示が1列の為、2列へとへんこうしたいのですが、

コード編集でも

featured-collection.liquidのファイルには

{%- assign mobilecolumns = '1' -%}

が、全くないのでどのように編集すれば2列になりますか？

[株式会社フルバランス]

Brooklynテーマの機能としては、特集コレクションの列数変更が存在しないため、

モバイル表示時に列数を変えたい場合、コードの編集が必要になります。

方法は複数ありますが、以下のコードを任意の場所（例えば、featured-collection.liquidの中など）に追加いただく形がシンプルに実現ができるかと思います。

<style>
@media screen and (max-width: 590px){
  div[data-section-id="featured-products"] .medium--one-half{
  width: 50%;
  }
}
</style>

[harue]

フルバランス様々

ご回答ありがとうございます。

追加の位置は何行目などありますでしょうか？

[株式会社フルバランス]

はい、特に追加位置の指定はございませんので、わかりやすい位置に追加いただければと思います。

確認時はfeatured-collection.liquidの1行目に追加をして正常に動作をしておりました。

ご参考になりましたら幸いです。

[harue]

1行目に追加しましたが、反映されません。

なにか原因がありますか？