Jump to content

Flatiron - problem with top row of images being cut off

Recommended Posts

Site URL: https://www.catherinegionfriddo.com/

I am having an issue where my top row of images gets cropped off when I navigate to my site. It does this about 80% of the time but not always, and when I refresh, it goes away. I contacted support and they said it's a known issue with the flatiron template (it wasn't always like this!). I also can't insert a white spacer between the header and the videos (I thought this might be a solve). I'm wondering if anyone has encountered this and can suggest a custom code? I found another similar conversation but I'm not sure the issue is the same as they were talking about 7.1 and none of the custom code suggested helped with my issue. The screengrabs below show the difference between when it's cut off and when it's not. Thank you!

Screen Shot 2021-06-04 at 2.12.42 PM.png

Screen Shot 2021-06-04 at 2.12.28 PM.png

Link to comment
  • Replies 2
  • Views 257
  • Created
  • Last Reply

I've definitely experienced issues on 7.0 with grids and summary block thumbnails not sizing properly, usually because of the amount of items or spacing issues. Sometimes it's within the default CSS that conflicts with other areas of the page. The scripts for these blocks are weird sometimes, even if you don't have conflicting Custom CSS.

This might help your problem:

#collection-597767a8a5790a133c13e5de {
	#grid {
	margin-top: 55px !important;

Hope this helps!


Link to comment


This topic is now archived and is closed to further replies.

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