Streaming live at 10am (PST)

Slider bug overflow on mobile device


#1

Hi Webflow Community,

I have a very frustrating problem/bug with the Weblfow slider. I try to build a testimonial slider and on the desktop, it works as I want it, but on mobile devices, a weird overflow happens and it will only happen when I use the slider in combination with my testimonial card. The testimonial card itself won’t cause this problem.

Desktop View of the slider:

Mobile view of the slider with weird overflow:

Testimonial card without slider and also without weird overflow:

PUSH


Here is the site itself: Link
Here is my site Read-Only: Link
(how to share your site Read-Only link)


#2

Something bugs with your .I-row class. As soon as you delete this one, things get in order.


#3

Thx a lot Vincent. It was really this shitty class and the reason was the flex property. Sometimes you need a view of a fresh third person :sweat_smile:


#4

Did you understand why the flex property was making the element bug? Because I couldn’t.


#5

Nope I couldn’t understand it fully, but I think it has something to do with Webflows Slider widget which uses floating to work.


#6

Ah yes, you can’t override the settings of the component too much. You need to leave the original elements untouched, and wrap or nest with new ones.