Jump to content

Hide Footer-Top on specific page, not working properly!

Recommended Posts

Hey folks,

I'm trying to hide the top footer on a specific page (this one). I've put the following code into the page's header code injection but it only appears to be working when I refresh the page. Any ideas how to make it work first time? Getting the same results in chrome and firefox

<style>
#footerBlocksTop {
 display: none !important;
 }
  </style>

Any help is greatly appreciated.

Link to comment
  • Replies 2
  • Created
  • Last Reply

If you're using a template that uses Ajax (the newer ones do) then you shouldn't add CSS using code injection like you have above. It won't work unless the page is refreshed. You could disable Ajax (in Site Styles) but you'll lose a bunch of helpful features.

It's better to add the code to Custom CSS and refer to the page's Collection ID (#collection-5b1fae8eaa4a996d835b5da1) to limit the effect to that page. I've described how to use the ID here:

https://sf.digital/squarespace/how-to-apply-css-to-specific-pages-in-squarespace

Improve your online store with our extensions.
About: Squarespace Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Developer and founder of SF Digital, building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Buy me a coffee

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.