FROM CACHE - jp_header

Instafeed Appの表示フィード数をPC表示とスマホ表示で変更したい

解決済
近藤
新規メンバー
7 0 0

使用テーマ: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の形に表示したいのですが、コード編集で実現可能でしょうか?

1 件の受理された解決策
株式会社フルバランス
Shopify Partner
1282 461 605

成功

近藤様

 

ご質問を確認いたしました。

 

こちらcssでの調整で可能です。

 

具体的には以下のコードで調整できるかと存じます。

(id,class等変更されている可能性もあるため、その場合はご自身で検証ツールにて確認ください)

@media screen and (max-width: 769px) {/*769pxの部分はスマホレイアウトの最大横幅*/
  #insta-feed .instafeed-container {
    width: 50%!important;
    padding-top: 50%!important;
  }
}

 

ご参考までに。

ご不明点がございましたら、ご連絡ください!
 
もしお役に立てたようでしたら、ベストアンサーをいただけると大変嬉しいです。
 
よろしくお願いいたします。
 
フルバランス 園畑

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ECの技術・実務・成長、お悩みのことがあれば、気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス

元の投稿で解決策を見る

2件の返信2
株式会社フルバランス
Shopify Partner
1282 461 605

成功

近藤様

 

ご質問を確認いたしました。

 

こちらcssでの調整で可能です。

 

具体的には以下のコードで調整できるかと存じます。

(id,class等変更されている可能性もあるため、その場合はご自身で検証ツールにて確認ください)

@media screen and (max-width: 769px) {/*769pxの部分はスマホレイアウトの最大横幅*/
  #insta-feed .instafeed-container {
    width: 50%!important;
    padding-top: 50%!important;
  }
}

 

ご参考までに。

ご不明点がございましたら、ご連絡ください!
 
もしお役に立てたようでしたら、ベストアンサーをいただけると大変嬉しいです。
 
よろしくお願いいたします。
 
フルバランス 園畑

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ECの技術・実務・成長、お悩みのことがあれば、気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス
近藤
新規メンバー
7 0 0

ご回答いただきありがとうございます。
お返事に時間を要し、失礼いたしました。

 

頂いたコードを試したところ、想定通りの表示となりました。

ベストソリューションにさせていただきます。