Jump to content

Code injection not working because of Ajax loading

Recommended Posts

Site URL: http://adamcale.co.uk

Hello,

I had a few pages on my site where the footer was floating as the content didn't fill the page (past/present/future pages).

I added the following code to these pages to fix the footer to the bottom.

<style>
  #footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
</style>

Whilst this works in the Squaraspace builder it doesn't work on the live site because of ajax loading. 

Is there any way to override ajax for just these pages? Or is there a better piece of code i can use across the whole site?

If i use the current code for the whole site then the footer locks to the bottom of the window and sits on top of my content rather than below it - which i don't want.

Any help would be much appreciated, Thanks

Disclaimer: my coding knowledge only goes as far as google > copy > paste.

Link to comment
  • Replies 5
  • Created
  • Last Reply

I had a few pages on my site where the footer was floating as the content didn't fill the page (past/present/future pages).

Which pages? Can you share link? We can convert <style> code to Custom CSS code, & it will work.

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Add to Home > Design > Custom CSS

body#collection-55bfcd2de4b0b2820129f308, body#collection-55bfdacbe4b003159a83691f, body#collection-55bfe0dae4b0a85e3942878b {
#footer {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
}
}

 

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

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.