Instagram Feed - Blank Space

You seem to be a wizard at getting code to work lol. I added a Instagram feed to my homepage and it works flawless, minus having some extra padding when in mobile view. I search through everything I can think of.

Added in Page Designer (See photo for code), I made sure the "Row styling" did not have any extra top or bottom margins, everything is set to 0px. It looks great on a desktop.

Edited by

I have 0 experience with the instagram feed and don't have any idea on this.

Edited by

I ended up finding out it's only when adding the code using Page Designer. PD converts the code for some reason when inserting it.

I tested adding it to the original editor and it seems to display better now, no gaps, but now I have no way of controlling where the feed is on my page. So it's weird that PD is modifying the code.

Is the a better option in PD to insert code? I just selected the "Text" field, and then click html.

Page I used it to test on
https://www.seanscarmack.com/instagram/

Edited Mon Aug 08, 22 1:27 PM by Sean Scarmack

Figured it out. Apparently you have to add some script to your header, which was not in the instructions haha.

script src="https://cdn.lightwidget.com/widgets/lightwidget.js" end script

https://lightwidget.com/

Edited Mon Aug 08, 22 1:40 PM by Sean Scarmack