Jump to content

Removing space under Instagram block on mobile 7.1

Recommended Posts


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.





Screenshot 2023-01-04 at 8.04.40 AM.png



Screenshot 2023-01-04 at 8.04.40 AM.png

Link to comment
  • Replies 7
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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.


Row Count — 38

No Gap

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

Link to comment

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).

Please like and upvote if my comments were useful to you. Thanks!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com/ 
🔌Ghost Squarespace Plugins (Referral link)
Buy me a coffee

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.