Jump to content

Scroll to Top Button

Recommended Posts

Site URL: https://www.saintaignanbuilders.com/

Hello!

I've added a scroll to top button with code in the footer section of my site, but I am having a hard time styling it. I have watched several tutorials and nothing seems to work in changing the position of the button. 

I am using the Nueva template on 7.0 (https://www.saintaignanbuilders.com/)

I'd like for this button to appear after someone has scrolled down the page a little but and link them back to the top. This is the code I added to the footer: <a href="#" class="scrollup">TOP</a>

So here's what I'm looking for:

  • Where do I place the code to customize?
  • What is that code? 

 

Any help would be greatly appreciated!!

Link to comment
On 3/18/2021 at 1:43 AM, AshleyB2385 said:

Site URL: https://www.saintaignanbuilders.com/

Hello!

I've added a scroll to top button with code in the footer section of my site, but I am having a hard time styling it. I have watched several tutorials and nothing seems to work in changing the position of the button. 

I am using the Nueva template on 7.0 (https://www.saintaignanbuilders.com/)

I'd like for this button to appear after someone has scrolled down the page a little but and link them back to the top. This is the code I added to the footer: <a href="#" class="scrollup">TOP</a>

So here's what I'm looking for:

  • Where do I place the code to customize?
  • What is that code? 

 

Any help would be greatly appreciated!!

You mean to hide the button on initial and show it when scroll down only?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date format)
💫 Animated Buttons (Referral URL)
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment

Create an account or sign in to comment

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

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