Jump to content

How to stop the background image for the first section from sitting behind the header

Recommended Posts


The background image for the first section of my home page is sitting behind the header making it appear cut off. I'm wondering if there is a way to fix this so it sits just in its section. 

Thanks, Nikki 

Link to comment

Always struggled with this too, but I think I found the solution.  Following the suggestion from @tuanphan above, I added a blank section above it, told it minimum height , and reduced the the minimum number of blocks to 1.  That got it pretty small but still added to the height of my header.

So I found the ID of the section (There's a nifty browser plugin I found somewhere that lets you easily identify section IDs,

Then in the custom CSS area I gave it a height: 0  code.


section[data-section-id="FIND ID NUMBER"] {
  height: 0;

So far seems to work like a charm.

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.