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

[jeetpalavwala]

Hi there,

I am loving Webflow :).

As per the tutorial here: Flexbox | Webflow University

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: http://palavwala.webflow.io/

Although, works perfectly in chrome on desktop windows machines.

Appreciate your support.

Regards
Jeet Palavwala

---

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

[cyberdave (Dave S.)]

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.

[jeetpalavwala]

Thank you,
Look forward to that.