Jump to content

Floating button only visible after reload (sometimes)

By bcdiver, in Customize with code

Go to solution Solved by paul2009,

Recommended Posts

bcdiver Level 2

bcdiver

Posted
Posted (edited)

Hi all,

I've created a floating button using HTML and CSS copied and then adjusted (to fit our website theme) from a blog. It seems to work fine except when the page is accessed from our home page.

If you go:  https://www.rowandsreef.com/ > Courses > Enriched Air Diver Specialty - the floating button doesn't appear straight away. If you then refresh the page it appears.

If you access the page via a direct link https://www.rowandsreef.com/enriched-air then the button appears straight away. 

Was just wondering if anyone could help me understand why this is happening and how to fix it so the button appears straight away, no matter the route taken to get to the page.

Thanks

Edited by bcdiver
  • Replies 2
  • Views 1.1k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

  • Solution
paul2009 Level 18

paul2009

Posted
  • Solution
Posted
2 hours ago, bcdiver said:

I've created a floating button using [code]. If you...refresh the page it appears.

This is because your code hasn't been written to work with the Ajax Page Loading that is enabled on the Squarespace 7.0 Brine-based website. Code loaded in the header or footer isn't reloaded when you move between pages unless you disable this feature. Please see my guide here: Why does Squarespace code only work on refresh?

Me: I'm Paul, a SQSP user for >18 yrs & Circle Leader since 2017. I value honesty, transparency, diversity and good design ♥.
Work: Founder of SF.DIGITAL. We provide high quality original extensions to supercharge your Squarespace website. 
Content: Views and opinions are my own. Links in my posts may refer to my own SF.DIGITAL products or may be affiliate links.
Forum advice is completely free. You can thank me by selecting a feedback emoji. Buying a coffee is generous but optional.

bcdiver Level 2

bcdiver

Posted
  • Author
Posted (edited)

Ok, thanks for having a look and sharing your guide. I've re-added it as a code block and it's now working 👍

Edited by bcdiver

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources