Skip to main content
All CollectionsFAQs & TroubleshootingThird Party Connections Troubleshooting
SnapWidget IG Feed Not Displaying Correctly in Preview
SnapWidget IG Feed Not Displaying Correctly in Preview

How to adjust and resize your Instagram SnapWidget

Adria Story avatar
Written by Adria Story
Updated over 8 months ago

🚀 New Feature: As of 11/29/21 Showit has added a Social Grid widget directly inside the Showit app. This widget will provide you with an auto-updating instagram feed.


Third-party services like Snapwidget and Lightwidget may no longer be necessary.

You might be running into the issue of your SnapWidget looking perfect in your editor, but not in your preview or live site.

Adjust the Size and Display of Your Instagram Widget


First, click the IG widget to select it, then you will need to click into the embed code for the widget under the embed code tab in the Properties Panel. Locate the Width and Height settings there an take note of those values.


Next, double click the embed box to pull up the code editor. In there, you'll find the Width and Height settings within the code. Those numbers will need to be changed to match those of the Showit element that were identified in the previous step:

Then publish or preview! Your Instagram widget should be sized just like it is in the preview. If the sizing looks better but it is not centered on the page as it appears in the editor, ensure that there is no edge locking applied to the embedded element.

Did this answer your question?