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ボタンを押して頂ければ嬉しいです。
分からない点があれば、またいつでもご連絡ください。
フルバランス 園畑
いつもShopifyをご利用いただき、ありがとうございます。 Shopifyは、皆様の日本語での利用体験の向上に努めております。さらなる改善のために皆様のご意見をお寄せい...
By JasonH May 9, 2025Shopify アカデミーの学習パスと認定スキルバッジExpanding Your Shopify Business Internationallyを活用して、国際的にビジネ...
By Shopify Feb 7, 2025Shopify アカデミーの学習パスB2B on Shopify:立ち上げとカスタマイズで卸売販売に進出しましょう。これら3つの無料コースは、ShopifyストアでB2B機能...
By Shopify Jan 31, 2025