CG
(@du-bist-der-lenz)
インスタグラムの埋め込みコードをどういう手段でサイトに入れているのか、セレクターの指定は間違っていないのか、スマホの場合だけであればエージェントやメディアクエリで対応できませんか。
もっと具体的にご教示いただくことは可能でしょうか？
埋め込みのコードをいじるということでしょうか？
CG
(@du-bist-der-lenz)
ウィジェットにhtmlウィジェットを使っているのか、固定ページや投稿、あるいは、固定ページや投稿のテンプレートに埋め込みコードを入れているのか。もっと具体的にして下さい、あるいは具体的に説明して下さい。
汎用的にでいいので教示しろ、ということでしょうか。
あ、なるほど。申し訳ございません。質問の意味が理解できてませんでした。。。。
今回の件は記事投稿で、テキストにインスタのコード埋め込みを用いています。
投稿画面ではウィジェットは用いていません。
サイトを立ち上げて間もないので、phpファイルなどはいじっていません。
H1タグのCSSなどをちょっといじった程度です。
http://bestcaliforniatrip.com/the-most-photogenic-spots-in-los-angeles/
問題のページです。
ここでインスタの画像が横にはみ出てしまいます（モバイル）
テンプレートはGenesis FrameworkのMagazine proを使っています。
この問題を解決する術をお持ちでしょうか？
よろしくお願いいたします。
CG
(@du-bist-der-lenz)
対照のスマホは、機種はiPhoneでしょうか。そして、「max-widthというのを300pxなどに変更は試みました」ということなので、済まされたことでしょうが、iframeのスタイル「min-width: 326px;」と相反してしまいますね。スタイルシートで済ませたい以降でしたら、メディアクエリから試みることでしょうね。Instagram が仕様を変更した場合は見直しが必要になりますが、次の例はセレクタや、その数値、ブレイクポイントは適用されているテーマの仕様、問題のページに合わせて置き換えて下さい。
iframe{
width: 100%;
}
@media screen and (min-width: 768px) {
iframe{
width: 612px;
height: 710px;
}
}
