Jump to content

Horizontal Gallery Scrolling

Recommended Posts



I am looking at making a website that scrolls horizontally. A very simple site with title and menu in the top left hand corner.

There would be a few galleries which I would like to scroll horizontally containing different sizes of images. I have already started something but the galleries only allow you to click through. Any help would be much appreciated . 

Screenshot 2020-01-29 at 12.15.05.png

Link to comment
  • 6 months later...
  • 6 months later...

We the squarespace 7.1 addicts need this so much!  There must be some css or javascript magicians out there somewhere who would love to share. 

www.squarestylist.com offer a paid solution https://www.squarestylist.com/shop/horizontal-scrolling-gallery-squarespace but I have tried it and it is shitty code to say the least and there i no mobile drag and scroll function and the overall smoothness is terrible. Tried contacting the one who made it and she never replied. 

There must be some css wizards out there! 

Kind regards from Denmark  😄 


Link to comment

There are two templates that do this by default 

one is Momemtum. https://momentum-demo.squarespace.com/

The other is Forte. 

Gallery sections in 7.1 can be set for "slideshow-reel" which is a horizonal scroll. The images can be adjusted for full bleed, full and inset.  The image height can be changed also. 

Edited by derricksrandomviews
Link to comment
  • 2 months later...
  • 7 months later...

@Winther, @FullCircleDesigns, @kendalnoctor you can do this easily with SquareKicker now. Select as many sections as you want to scroll horizontally, choose left to right scroll or reverse, choose a flow into screen, fixed background, and finally this is fully optimised for mobile devices. All without having to touch a single line of code! Does this work for you?

If you only want this single feature, you can uses SquareKicker for a single month and changes will save forever. See tutorial link below.


SquareKickerHi, I'm Nick, CEO & Co-Founder at squarekicker.com.  Take your Squarespace sites to the next level with SquareKicker's No-Code Design & Animation Extension. Break free from templates & complex code and start building unique websites that you are proud to show your clients without ever having to write a single line of code. 

Squarespace Extension  ●  Templates  ●  News  ●  Inspiration  ●  Tutorials  ●  Resources


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.