Floating button only visible after reload (sometimes)

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

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