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.
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.
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.
