Streaming live at 10am (PST)

Slide goes outside window when window resizes


#1

Greetings,

You can easily reproduce this issue by going to this site http://timetogivve.webflow.io/, sliding the banner slider to the 2nd or 3rd slide and then slowly resizing the browser window. The result will be that a grey bar starts showing, as seen in the screenshot below:

I've created a similar slider in a different site, which doesn't have this problem and I don't see any differences between styles in both, so I would greatly appreciate your help.

Cheers!


Here is my public share link: LINK


#2

Is the image set to a fixed px width? Or if it is a slider with background picture what setting is it set to? :wink:


#3

Thanks for the reply!

Each slide has a background image, set to "cover".

I've inspected the page, using Chrome developer tools, and found that the slides have this "translate" property, which isn't changing when the window is resized. On another site, where this works, that "translate" value changes when the screen is resized, but I have no idea why.


#4

I affects your second and third slide. It stops bugging when I remove the Interactions on the texts. So the source of the issue is the interaction. I don't understand why it does this. Tried a few things but didn't worked out.


#5

Hi Vincent,

That's an important clue! Thanks. I don't think the other site had the interactions on the text, so that's probably why it worked.


#6

No, it has interaction too. really I don't know. Maybe a bug with the slider trigger...


#7

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.