Safari Bug on Mobile?

Y’all. This has been killin’ me for a good while now.

I have a Testimonial Section under the big hero slider, and it has this large awkward space above the quote—but only in Safari on a vertically oriented phone (screenshot below). So, I thought it might have something to do with the rich text field I had in there, or maybe the dynamic list referencing a testimonial collection, or the fact that it’s a slider, blah blah blah. So I removed all of those things. It’s literally just a regular ol’ section element, with some regular ol’ text elements in it. And yet, it still doesn’t want to display correctly.

Any input or ideas on what’s going here? Thanks in advance!!


Here is my public share link: Webflow - Landry's Landscape

I figured it out! Something about the slider above this section not being set to relative was messing it up. The little “Like what you see?” tab is set to absolute positioning, so its parent element (the section that houses the big image slider) needed to be set to relative. Once I did that, it worked as expected. Yay!

1 Like

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