Solved

Why isn't my Instagram post embedding properly on mobile?

deathmetaled
Tourist
7 1 2

I have tried to embed an instagram post in a blog post. I copied the embed directly from instagram, and pasted it in my HTML editor.

 

The post shows on my desktop, but on mobile it is just a grey screen that says 'view this post on instagram'. When you click it, it takes you to the instagram post, but I want it to show the post's photo in the blog post page.

 

Is there any additional code to remedy or add to resolve?

Accepted Solution (1)

deathmetaled
Tourist
7 1 2

This is an accepted solution.

For any others struggling with the same problem, I found a solution that worked for me and listed the code to edit and use below. 

 

You replace the instagram link you want the embed to show. You can also change the width..340 worked good for me on mobile without explanding the page. If you want it centered, use the lower example I have.

 

<iframe src="PUT INSTAGRAM LINK WITH HTTPS TO THE POST YOU WANT LINKED HERE" width="400" height="480" frameborder="0" scrolling="no" allowtransparency="true"></iframe>

 

<center><iframe src="PUT INSTAGRAM LINK WITH HTTPS TO THE POST YOU WANT LINKED HERE" width="400" height="480" frameborder="0" scrolling="no" allowtransparency="true"></iframe></center>

View solution in original post

Reply 1 (1)

deathmetaled
Tourist
7 1 2

This is an accepted solution.

For any others struggling with the same problem, I found a solution that worked for me and listed the code to edit and use below. 

 

You replace the instagram link you want the embed to show. You can also change the width..340 worked good for me on mobile without explanding the page. If you want it centered, use the lower example I have.

 

<iframe src="PUT INSTAGRAM LINK WITH HTTPS TO THE POST YOU WANT LINKED HERE" width="400" height="480" frameborder="0" scrolling="no" allowtransparency="true"></iframe>

 

<center><iframe src="PUT INSTAGRAM LINK WITH HTTPS TO THE POST YOU WANT LINKED HERE" width="400" height="480" frameborder="0" scrolling="no" allowtransparency="true"></iframe></center>