Liquid、JavaScriptなどに関する質問
お世話になっております。
Debutテーマを使用しております。
モバイル表示でトップページの特集コレクションを3列で表示させたいです。
どのようにコード編集しましたら3列になりますでしょうか。
お分かりになられる方がいらっしゃいましたら、よろしくお願いいたします。
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ボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス 園畑
ユーザー | ランク |
---|---|
45 | |
30 | |
22 | |
4 | |
3 |
山田繊維株式会社(むす美)は京都の地で風呂敷製造卸売業:山田貫七商店として昭和12年に創業。メイン商材は1000年以上前から使われているという記録がある風呂敷で、その他ハンカチや袱...
By Nanami Jan 12, 2023過去に失われた売り上げを回復するには?Shopifyの新しい自動化機能を活用し、失われた売り上げを簡単に回復する方法を学びましょう!
By Mirai Jan 10, 2023オンラインストアの構築が完了しましたら、一般公開をする前にいくつかのテスト注文を行い、チェックアウトプロセスを確認することが大事です。Shopifyペイメントをご利用いただいている...
By rinaflora Dec 4, 2022