Disable horizontal scrolling on Desktop and Mobile

Does this apply here?
https://webflow.com/blog/how-to-create-a-cms-powered-slider

1 Like

I’ll give it a go :slight_smile:

1 Like

Wow this is going to tip me over the edge :crazy_face: Halp!

Ok so I’ve added the slider as per the instuctions, using a ‘Collection’ in the CMS:

However, the collection is connected to the template, so I can’t just make 6 collections and connect them to those individual blog pages! I’m really wishes I made static pages now rather than using the CMS at all!

Any idea, how I could choose a dif Image Gallery Collection per post?

https://preview.webflow.com/preview/jess-website-2020?utm_medium=preview_link&utm_source=designer&utm_content=jess-website-2020&preview=a97f64701de269cc20ea0e30c5203123&pageId=5e3e3bd53cde6417364b32d6&itemId=5e3e3bd53cde649e834b3364&mode=preview

Thanks!

Id also love to make the transition between the slides much smoother but not sure how!

Good News - I found a solution :slight_smile:

I set up the ‘Lightbox’ settings, including linking:

Screen Shot 2020-02-21 at 1.39.27 PM

Now they open and link! https://www.jessicastanley.io/post/empathize-with-creators

Phew :slight_smile:

1 Like

Hi,
I have sticky position (with hidden overflow) horizontal scroll
based on this

I’ve followed this instruction to get rid of from the overflows

but I’m still experiencing unecessary horiztontal overflow

the body horizontal margins are on auto
any idea how it can be fixed is much appreciated
https://preview.webflow.com/preview/k-an?utm_medium=preview_link&utm_source=designer&utm_content=k-an&preview=895c4fe39388cebbcd5f87b4dfc34b88&workflow=preview

Everything is fine till its reach the horizontal scroll section as the video demonstrates

I have implemented every setting from the source (link below) still does’nt work out like this

any advice appreciated

just tested and has the same effect in all three browsers (brave,firefox,safari)
eventhough using the same code in the page Inside tag
what other claimed here that works Disable the scroll bouncing at the edge of screen in webflow

<style>
/* Optional - Remove Scroll Bounce */
body { overscroll-behavior: none; }
</style>

sorted use :

.body{
overflow-x: hidden;
}

just for curiosity and for future reference what is difference between the 2?

How can you remove Horizontal scroll bars on youtube?