Maurice
September 16, 2018, 3:17pm
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 )
vincent
(Vincent Bidaux)
September 17, 2018, 8:01am
2
Something bugs with your .I-row class. As soon as you delete this one, things get in order.
1 Like
Maurice
September 17, 2018, 9:03am
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
vincent
(Vincent Bidaux)
September 17, 2018, 9:49am
4
Did you understand why the flex property was making the element bug? Because I couldn’t.
Maurice
September 17, 2018, 11:54am
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.
vincent
(Vincent Bidaux)
September 17, 2018, 12:05pm
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.
system
(system)
Closed
November 17, 2018, 9:05am
7
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.