Jump to content

How do I remove space between header and categories on mobile?

Recommended Posts

My main page on my site has a big gap between the header and categories.

All other CSS I've used so far has either reduced the space within the header or done nothing.

Any help would be greatly appreciated.

Link to comment
14 minutes ago, jamesvenn said:

Sorry Ziggy, it asked me before but hasnt shown it on the post.

Not your fault, it's not clear.

First thing is that you have a blank section above the store items, you can remove that, then we can reduce the top padding a little further.

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

Zygmunt Spray
Squarespace Website Designer
Contact me: 

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

 Did I help? Buy me a coffee?

Link to comment

Add to Design > Custom CSS

body.homepage article section {
    padding-top: 40px !important;
section.products.collection-content-wrapper.products-list {
    padding-top: 0px !important;


Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

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.