LexM

@tuanphan That worked, thank you so much!

It looks like it only appears once I have clicked on the button. Any ideas on why this is happening?

Site URL: https://www.compatiblewithlove.org/ @tuanphan I inserted your scroll to top button on my footer using this HTML code: <a href="#top" class="t-top"><span class="arrow"></span>Top</a> And this CSS Code: /* Back to Top */ .t-top { font-weight: 300; letter-spacing: 3px; font-size: 15px; text-transform: uppercase; text-align: center; line-height: 1.6; padding-left: 2px; padding-top: 4px; position: fixed; right: 0px; bottom: 100px; width: 40px; height: 40px; z-index: 999; background-color: transparent; color: #000; } .t-top .arrow:before { font-family: 'squarespace-ui-font'; font-style: normal; font-weight: 300; font-size: 20px; line-height: 1; -webkit-font-smoothing: antialiased; content: "\e02d"; text-align: center; display: block; vertical-align: middle; transform: rotate(-90deg); cursor: pointer; margin-left: -4px; } .t-top .arrow {display:inline;} /* align center back to top */ a.t-top { text-align: center; display: block; width: 100%; It works great on my footer and is exactly the look and placement I wanted. But I noticed that it was appearing in the second section of the homepage (the light blue section) as well, but wasn't clickable. I only want it to show on my footer. Any idea what is making it appear at the top of the page and only in the second section as well?