Jump to content

Reduce space at top of this custom landing page

Go to solution Solved by Shadmon,

Recommended Posts

Hi all,

I've created this landing page (= removed the menu/navigation and footer with CSS) on my site, but it's now got a huge blank space at the top that is stealing my real estate on this page (as in, it's pushing my content down). 

Can you help me reduce this blank space, marked in red?

Thank you,
Carola

Screenshot 2024-07-03 at 11.30.54 (2).png

Link to comment

Can you share your website URL? How did you remove the header?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
1 hour ago, Shadmon said:

You can add this code to Website > Website Tools > Custom CSS. Let me know if it helps!

#collection-667ad5ed1ae7d900c586ab76 .Main--page {
    padding-top: 0;
}

#collection-667ad5ed1ae7d900c586ab76 .Main-content {
    padding-top: 30px;
}

That worked a treat! Wowser, fabulous!!! Thank you 🙏

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.