Modal breaks on mobile

[vodkabears]

Modal breaks on mobile

[vodkabears]

@philip100 what's the version of iOs? 5.1 and less?

[philip100]

Yes, it's exactly 5.1.
Didn't upgrade it, but as soon as I get a while I'll check with the newest iOS compatible with my 4s.

Kindly,
Artur.

[vodkabears]

@philip100 that because of position: fixed property of the overlay. Old mobile systems don't support fixed property.

[philip100]

You're right.
Seems to works fine on iOS7
Is there any workaround for the older platforms?

[vodkabears]

@philip100 yes. Use position: absolute instead of position: fixed for the overlay on small screen devices, any styles can be changed via CSS, for other devices make it fixed via media queries. Of course you will need to change some additional css properties like body and html height to 100%.

[philip100]

Ok, thanks mate. I'll look closer at this.
Nice work, though :)