Home Forums Themes Support Gecko iPhone 5 Parallax + Full-height Block Rendering

Topic Resolution: Resolved

This topic contains 3 replies, has 2 voices, and was last updated by  lorry 5 days, 1 hour ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #14409
    lorry
    Supported

    Hi there,

    We’re using the most recent versions of both WP and your theme. In doing compatibility tests, we noticed that your theme has rendering issues on iPhone devices below 6 (i.e. iPhone5 and below).

    We can confirm that this is, indeed, a theme issue because we ran a multitude of internal tests, but noticed that your theme demo itself http://janstudio.net/gecko/fashion/ (see below) replicates the issue.

     

    It would seem that either the theme has an issue with a) ‘full-height’ parallax backgrounds b) the usage of ‘flex’ display types isn’t compatible with iPhone 5 and below devices. We tried various CSS child-theme overwrites (i.e. max-height:100%), but these did not work. In other words, on iPhone 5(s) and below, full-height blocks are sized incorrectly.

    Please advise at your earliest convenience

    #14437

    Hi,

    Could you tell me iOS version run on your phone?

    Thanks

    #14439

    Hi,

    You can fix this by add custom css

    Best regards

    #14493
    lorry
    Supported

    Hi Harry,

    Thanks for the reply and solution. That seems to have done the trick!

    Best,

    Ryan

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.