Liquid、JavaScriptなどに関する質問
使用テーマ:Mr Parker
テーマバージョン:9.1.0
使用アプリ:Instafeed - Instagram Feed
<Instafeed設定>
POST SPACING:Medium
ON POST CLICK:Go to Instagram
LAYOUT:Grid - Squares
CONFIGURATION:Manual
ROWS:2
COLUMNS:5
<質問内容>
Instafeedの設定により、InstagramのフィードをPCで縦2×横5の形に表示しています。
これをスマホで表示した時、縦3×横2の形に表示したいのですが、コード編集で実現可能でしょうか?
解決済! ベストソリューションを見る。
成功
近藤様
ご質問を確認いたしました。
こちらcssでの調整で可能です。
具体的には以下のコードで調整できるかと存じます。
(id,class等変更されている可能性もあるため、その場合はご自身で検証ツールにて確認ください)
@media screen and (max-width: 769px) {/*769pxの部分はスマホレイアウトの最大横幅*/
#insta-feed .instafeed-container {
width: 50%!important;
padding-top: 50%!important;
}
}
ご参考までに。
ご不明点がございましたら、ご連絡ください!
もしお役に立てたようでしたら、ベストアンサーをいただけると大変嬉しいです。
よろしくお願いいたします。
フルバランス 園畑
成功
近藤様
ご質問を確認いたしました。
こちらcssでの調整で可能です。
具体的には以下のコードで調整できるかと存じます。
(id,class等変更されている可能性もあるため、その場合はご自身で検証ツールにて確認ください)
@media screen and (max-width: 769px) {/*769pxの部分はスマホレイアウトの最大横幅*/
#insta-feed .instafeed-container {
width: 50%!important;
padding-top: 50%!important;
}
}
ご参考までに。
ご不明点がございましたら、ご連絡ください!
もしお役に立てたようでしたら、ベストアンサーをいただけると大変嬉しいです。
よろしくお願いいたします。
フルバランス 園畑
ご回答いただきありがとうございます。
お返事に時間を要し、失礼いたしました。
頂いたコードを試したところ、想定通りの表示となりました。
ベストソリューションにさせていただきます。
いつも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