Streaming live at 10am (PST)

Creating a horizontal section


#1

Hello all,

I’m trying to create a horizontal scrolling section on my website.

I’ve followed a couple of different tutorials now without any success. The closest I have gotten to achieving it is using the link below. However I can’t copy this tutorial like for like as I only want one section to scroll horizontally rather than the whole page. I also want my images to be responsive, so I need to drop in my images rather than create a div block with a background image and leave the heights of the images ‘auto’.

I am only using 2 images, both with the dimensions of 2400x1400px. When I try to add the scrolling to my website, the images aren’t fully showing and only partially scroll across before the window starts scrolling downwards.

Here’s a link to my test page - https://preview.webflow.com/preview/sliding-gallery-2?utm_source=sliding-gallery-2&preview=01353c1a96d90aa556a1e4275910d0e7

Any help would be really appreciated