Jump to content

Large spacing issue using Fluid Engine

Recommended Posts


I'm trying to find a code that gets rid of the large spacing between header and content on my 'work' page (shows for both desktop and mobile) as well as for each portfolio page (problem shows up on mobile).

I have used the plugin that fixes fluid engines spacing issue but it doesn't get rid of these two massive spacing issues.  I saw a code about using css like grid-template but couldn't figure out how to change to fit my own websites issue. Any solutions?


website: https://crocodile-poodle-ncer.squarespace.com/

pw: poodle

Screenshot 2023-03-24 at 1.12.29 PM.png

Screenshot 2023-03-24 at 1.13.05 PM.png

Edited by thismiyan
Link to comment

Thanks for sharing! @tuanphan

I tested it out, it didn't seem to fix the problem and then broke my website.

I managed to fix the mobile spacing issue for each portfolio page however the work page still shows a big gap. (see attached screenshots)

Any solutions for this? 

Screenshot 2023-03-27 at 12.37.07 PM.png

Screenshot 2023-03-27 at 12.44.59 PM.png

Edited by thismiyan
Link to comment

Thanks for your response @tuanphan

I have tried this. What happens is that when i'm in edit mode everything is correct but once i'm out edit mode and test the website the space block is still there.

Therefore I can't actually drag the block code to reduce the height because it says there is no leftover block space in edit mode to begin with. (see attached for reference)

This is happening with and without the css code recommended also.

Any solution for this or why it might be happening?

Thank you! 🙂

Screenshot 2023-03-31 at 1.51.01 PM.png

Screenshot 2023-03-31 at 1.58.55 PM.png

Link to comment
  • 6 months later...

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.