FROM CACHE - jp_header

モバイル表示を3列にしたい

SLDO
観光客
7 0 2

お世話になっております。

 

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

モバイル表示でトップページの特集コレクションを3列で表示させたいです。

 

どのようにコード編集しましたら3列になりますでしょうか。

お分かりになられる方がいらっしゃいましたら、よろしくお願いいたします。

1件の返信1
株式会社フルバランス
Shopify Partner
639 179 397

SLDOさま

 

はじめまして、フルバランスの園畑です。

ご質問を確認いたしました。

 

モバイルの表示もカスタマイズから切り替えられたら嬉しいですよね。

 

Debutの場合、モバイルは2列で固定表示となっていますので、3列にされたい場合はcssを調整すると良いかと存じます。

 

Debutのコードを見たところ、下記cssコードを追加されると3列表示に変更可能でしたので、お試しくださいませ。(テーマのバージョン、コードの記述箇所によってはうまく表示されない可能性もございます。)

 

 

@media only screen and (max-width: 749px) {
  .small--one-half {
      width: 33.333%;
  }
.grid--uniform .small--one-half:nth-child(2n+1) {
    clear: none;
  }
}

 

 

 

ご参考になりましたでしょうか。

 

私たちの励みにもなりますので、
お役に立てていればBest Answerボタンを押して頂ければ嬉しいです。

 

分からない点があれば、またいつでもご連絡ください。

 

フルバランス 園畑

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ECの技術・実務・成長、お悩みのことがあれば、気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス