Removing space under Instagram block on mobile 7.1

Hi,

I need help removing a small space (green area in attached) that keeps showing up under the Instagram block when viewing on mobile. My site was created in 7.1. The space seems to get larger the smaller the screen gets.

Thanks!

You'll need to share your website URL and the page this is happening on. Thanks!

What height do you have that section set to? Have you got it set to fill screen?

25 minutes ago, Ziggy said:

You'll need to share your website URL and the page this is happening on. Thanks!

What height do you have that section set to? Have you got it set to fill screen?

Whoops, sorry I thought I entered the URL.

thenitrocart.com

Row Count — 38

No Gap

Fill screen not selected, as it seems to be worse when I have it turned on.

The problem here is the way that images scale their height at the same rate as their width. In the mobile editor you have a certain width and you then set the instagram block to be a certain number of rows tall, but when you get a narrower view that's when you're seeing the space. 

Try this method, but instead of setting the breakpoint to 749px, set it to 300px, and then edit that section.

Add this code to your Settings » Advanced » Site Footer Code Injection area

I think that should help (at least until you edit that section, where it may revert back).

@Ziggy  Thanks for the help, but I tried both of those codes on the site and neither worked out for me :(

Sorry to hear that. This problem is very much an issue with Fluid Engine, so hopefully it'll be solved as FE gets more feedback and evolves. Fingers crossed!

Ah, such a bummer! Thank you for your help

7 minutes ago, Tytytytyty said:

Ah, such a bummer!

Agreed! But it doesn't look particularly bad on your website.