Twenty Seventeen: Can't scroll on iPhone 4

[superpoincare]

If I visit wp-themes.com/twentyseventeen/ on iPhone 4 Safari with iOS 7.1, I can't swipe to scroll down and read/access the text.

It might be a general issue with touch devices, not just on iPhone 4 since the browser is high on HTML5 features and should work ideally.

Don't know how to show a demo of this. Anyone reading has to test it herself/himself to confirm.

[davidakennedy]

@superpoincare Thanks for the report!

I wouldn't trust wp-themes.com for testing purposes. Can you reproduce this on the official demo? It's here: ​http://2017.wordpress.net/

[superpoincare]

Hi @davidakennedy

Yes same problem in that site. Can't do anything.

[davidakennedy]

Okay, thanks for testing @superpoincare! I'll see if I can dig into this further.

[davidakennedy]

Just noting that this is indeed a bug and was verified by a few others on the Theme Review team. It needs to be investigated further.

[maguiar]

Add media queries for header in small devices

[maguiar]

Here's what happens, it's not that you can't scroll, but the header is too big for the parallax effect to be noticed. This is because the theme uses viewport units to set the height, which is buggy in iOS7.

Attached patch adds media queries with specified heights in pixels for these screen sizes.

[adamsilverstein]

@maguiar thanks for working on a patch! wow, that is a bunch of css :) does this have any effect on more modern devices running newer iOs versions?

Some screencasts before and after would be helpful here as a visual record and to demonstrate the fix.

[ianbelanger]

The attached patch includes some extra code that shouldn't be there, so I am marking this as needs-refresh. If the issue still exists, I would like to get it fixed in one of the next major releases.