johnhalldesign

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.
So:
section[data-section-id="FIND ID NUMBER"] {
  height: 0;
}
So far seems to work like a charm.

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.
So:
section[data-section-id="FIND ID NUMBER"] {
  height: 0;
}
So far seems to work like a charm.

May be a related issue, but I am noticing that certain custom CSS doesn't work if you are logged in, but does work if your aren't.  So I have to keep a second browser or incognito window open that isn't logged in to Squarespace to see what things look like to the average viewer who isn't logged in.

I actually went. back to your original selection and added "target="_blank right after the URL, and that did work.  I didn't think it would unless I was writing out the full code, but seems it did.  Thanks.