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

日本語 ディスカッション 技術的なQ＆A
1

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

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

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

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

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

2

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ボタンを押して頂ければ嬉しいです。

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

フルバランス 園畑