Website Building » Squarespace » Is There a Back to Top Button on Squarespace?

Is There a Back to Top Button on Squarespace?

Last updated on October 1, 2022 @ 7:10 am

There is no back to top button on Squarespace. This is because the platform is built on a responsive design, which means that the content adjusts to fit the screen size.

This means that users can scroll through the content without having to use a back to top button. However, if you are using Squarespace on a mobile device, you can add a back to top button by using the code below:

To add a back to top button on your Squarespace site, copy and paste the code below into the Custom CSS area:

@media only screen and (max-width: 640px) {
#back-to-top {
display: block;
position: fixed;
bottom: 15px;
right: 15px;
z-index: 99;
font-size: 18px;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
background-color: #337ab7;
border: 1px solid #337ab7;
border-radius: 4px; }

#back-to-top i { margin-top:-2px;}

#back-to-top { opacity: 0.3;}

#back-to-top:hover { opacity: 1;}

Conclusion

In conclusion, there is no back to top button on Squarespace. However, users can add one by using the code provided above. This code will add a back to top button on your Squarespace site that is only visible on mobile devices.

PRO TIP: If you are thinking about using Squarespace to create a website, beware that there is no “back to top” button. This means that if your visitors want to return to the top of your page, they will have to scroll all the way back up. This can be extremely frustrating for visitors, and may cause them to leave your site before they’ve had a chance to explore it fully.
Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.