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;
}
}
ご参考までに。
ご不明点がございましたら、ご連絡ください!
もしお役に立てたようでしたら、ベストアンサーをいただけると大変嬉しいです。
よろしくお願いいたします。
フルバランス 園畑
ご回答いただきありがとうございます。
お返事に時間を要し、失礼いたしました。
頂いたコードを試したところ、想定通りの表示となりました。
ベストソリューションにさせていただきます。
サポートの選択肢が増えていく中、最適となる選択の判断が難しくなっているかと存じます。今回は問題の解決に最適となるサポートの選択方法を、紹介させて頂きます。 選択肢のご紹介...
By Mirai Oct 6, 20242023年初頭、Shopifyペイメントアカウント、及びShopifyアカウント全体のセキュリティを強化する為の変更が適用されました。ユーザーのアカウントセキュリティを強化す...
By Mirai Sep 29, 2024概要: 年末/年明けは、消費者が最もショッピングを行う時期の一つです。特に、ブラックフライデー・サイバーマンデー(BFCM)は、世界中で注目される大規模なセールイベントであ...
By JapanGuru Sep 25, 2024