Streaming live at 10am (PST)

Header + Slider with 100vh using Flexbox creates issue in iOS

Hi there,

I am loving Webflow :).

As per the tutorial here:

I would like to create “header + slider” using flexbox taking 100% screen height.

Which I could do easily, but it is displayed incorrectly in Safari.

Here below is the link:

Although, works perfectly in chrome on desktop windows machines.

Appreciate your support.

Jeet Palavwala

Here is my public share link: LINK
(how to access public share link)

Hi @jeetpalavwala, it seems that Safari is not respecting the 100% height on the slider class, instead, it is using the default 300px height for the slider.

This looks like a safari rendering bug or css compatibility issue. I will keep checking on this, and as soon as I have more info, I will get back to you.

1 Like

Thank you,
Look forward to that.

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