Embedding Instagram Posts Sizing Issue

I am trying to add an instagram post to my webpage but the width of the instagram post will not change. I am changing the size (width) of the div outside of the embedding code that was provided by instagram. Is there another way to approach this?

As you read in our posting guidelines,
Forum POSTING Guidelines (Posting Basics): (Help us help you!)

We need to see code before we can help solve problems (preferably the code that is causing the problem). You can post a “working page” that demonstrates the problem so we can see what you see, or you can post a link to your test site, or you might create a CodePen that demonstrates the problem.

Choose whatever method you wish, but please remember that we do not have crystal balls and we are not psychics who can read your mind. We need to see real code to solve real problems. :smile:

Yeah this is so simple you can follow this. Go to http:// instagram .com/[username] and then click the post to expand it. Click in the bottom-right corner (for desktop) or the top-right corner (for mobile) and select Embed . Copy the embed code that appears and paste it into your web page’s HTML. I hope this will help you to resolve this error.

Those Instagram embeds are responsive out of the box. So the problem is something to do with the code you’re putting around it. We’d need to see a demo of that, as ronpat said.

The Instagram embed has a max width and min width set, so perpaps they are tripping you up? If so, just adjust them to suit.

max-width:540px; min-width:326px;

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.