Website Building » Squarespace » Can You Do a Horizontal Scroll on Squarespace?

Can You Do a Horizontal Scroll on Squarespace?

Last updated on December 14, 2022 @ 7:02 am

There are a few different ways that you can add a horizontal scroll to your Squarespace website. One way is to add a line of code to your site’s CSS file. You can also use the Page Scroll Effects app from the App Store. And finally, there is a third-party plugin called ScrollMagic that you can use. Let’s take a look at each of these methods in more detail.

Adding a line of code to your site’s CSS file

The first method is to add a line of code to your site’s CSS file. You can do this by going to the Design tab and then clicking on Custom CSS. Paste the following code into the box:

::-webkit-scrollbar {
    display: none;
}

This will hide the scrollbar on your website.

You can also add the following code to change the color of the scrollbar:

PRO TIP: If you are considering using Squarespace to build a website, be aware that you cannot do a horizontal scroll on the platform. This can be a major drawback if you are looking to create a site with unique scrolling effects.
::-webkit-scrollbar-track {
    background-color: #fff;
}
::-webkit-scrollbar-thumb {
    background-color: #000;
}

Using the Page Scroll Effects app

Another way to add a horizontal scroll to your Squarespace website is to use the Page Scroll Effects app from the App Store. This app allows you to add various types of scrolling effects to your pages, including horizontal scrolling. To use this app, simply install it and then activate it on the page you want to add the effect to. Once activated, you’ll see a new panel appear where you can configure the effect.

Using ScrollMagic

ScrollMagic is a third-party plugin that you can use to create custom scrolling effects on your Squarespace website. This plugin is not affiliated with Squarespace, but it is designed to work with Squarespace websites. To use this plugin, you’ll need to first install it and then activate it on the page you want to add the effect to.

Conclusion

Yes, you can definitely do a horizontal scroll on Squarespace! There are three main ways that you can go about doing it – by adding a line of code to your site’s CSS file, by using the Page Scroll Effects app from the App Store, or by using a third-party plugin like ScrollMagic.

So go ahead and try out one of these methods today and see how easy it is to add a horizontal scroll to your Squarespace website!

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.