Streaming live at 10am (PST)

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


#1

Hi there,

I am loving Webflow :).

As per the tutorial here: https://help.webflow.com/video-tutorial/how-to-create-a-hero-section-in-webflow-using-flexbox

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)


#2

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.


#3

Thank you,
Look forward to that.


#4

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