▼
Streaming live at 10am (PST)

Slider images overflow - Mask error

Design help General
#1

Hello all,

I am trying to put a big slider in the top of one of my pages. It should have some slides with a background picture, some text and pictures. The Slider itself has a 85VH height.

I would like one of the pictures on each slide, overflow it. So I have create an slide class and mark overflow as “visible”. I also did the same with the slider, but nothing happened. Then I have seen that I also have a Mask inside the slider and tried the same. I have crate a class for it so I can ensure that overflow is also “visible” on it and… bingo! Now the pictures overflow the slider.

But…something is wrong. As soon as I activate the overflow on the mask, the slides are now one beside the next one and when I preview the page it has a width as big as all slides together. It seems that the mask overflow give the slide vertical but also horizontal overflow and it breaks the slider somehow.

I am doing something wrong? Is it an error?

Thank you!

#2

Please can you share your public link with us to get help? It’s hard to figure it out like that. Check the 1st post in the forum.

#3

Hello,

I have just created a demo with two pages an some pictures. The demo has two pages, one with the overflow activated on the mask (first one) and the other without it.

As you will see, in the first one the ipad picture overflow the slider, but you can scroll all the page to the right. In the second one, the ipad picture don’t overflow but you don’t hace the scroll to the right. I would like to have the second one working but with the overflow on the ipad picture.

Here you have the link to see it:

http://para-pruebas6170913.webflow.com

Thanks!

#4

Hei sorry, I haven’t read the first post as you said.

Here you have the public link

https://webflow.com/design/para-pruebas6170913?preview=62098f09368a51e630d6873ea2c5b363

Thanks!

#5