Instagram currently have a restriction where if you use their supplied embed code, the content won’t display you’re logged in.
This causes user experience issues, as it’s unlikely a device will recognise a user is logged in via the Instagram App when the Omnihub is displaying in a web browser.
A quick workaround for this is to use this simple iframe code in the Embed Block in the Omnihub
First, to get your Instagram Post ID, head to Instagram, find your post, click the 3 dots in the top right, then click Embed
You can find YOURPOSTID after the “/p/”
Then paste that into the code below where you see /YOURPOSTID/
<iframe class="insta_frame" width="100%" height="1500" src="https://www.instagram.com/p/YOURPOSTID/embed/" frameborder="0"></iframe>
<style>
@media (max-width: 400px) {
.insta_frame {
height: 700px !important;
}
}
@media (min-width: 401px) and (max-width: 600px) {
.insta_frame {
height: 800px !important;
}
}
@media (min-width: 601px) and (max-width: 750px) {
.insta_frame {
height: 950px !important;
}
}
@media (min-width: 7511px) and (max-width: 830px) {
.insta_frame {
height: 1000px !important;
}
}
<style>Finally add that into your Embed block in the Omnihub and save
