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
  • Replies 1
  • Views 371
  • Created
  • Last Reply
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, video lightbox and much more)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 No-code customisations for Squarespace (+100 Spark plugin customisations)
🥳 Freemium Squarespace Widget Templates (+1000 Elfsight 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

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.