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;
}
}
ご参考までに。
ご不明点がございましたら、ご連絡ください!
もしお役に立てたようでしたら、ベストアンサーをいただけると大変嬉しいです。
よろしくお願いいたします。
フルバランス 園畑
ご回答いただきありがとうございます。
お返事に時間を要し、失礼いたしました。
頂いたコードを試したところ、想定通りの表示となりました。
ベストソリューションにさせていただきます。
ユーザー | ランク |
---|---|
36 | |
11 | |
7 | |
6 | |
6 |
すべてのShopifyアカウントはデフォルトではmyshopify.comのURLと関連付けられており、これはアカウント設定時に使用したビジネス名に基づいて作成されます。しかし、オ...
By Nina_13 Nov 26, 2023このトピックは英語版コミュニティの投稿:Shopify Web Pixel Manager Sandbox FAQの日本翻訳です。
By Mirai Nov 19, 2023Shopifyの管理画面では、商品ごとや配送元のロケーション(倉庫)ごとにカスタム配送料を設定することができます。特に購入金額による送料無料設定は、顧客の購買意欲を高める効果的な手...
By Alex06 Nov 5, 2023