Course Presentation / Fullscreen on iPhone / Android

Submitted by tcowin on Thu, 05/26/2016 - 19:35
Forums: 
General discussion

We're using some course presentations in Wordpress here(down the page a bit):

http://futureoflife.org/background/us-nuclear-targets/

and find - in some limited testing -- that they don't appear on some iPhones (6s with iOS 9.3.2), although they do appear on an iPhone 6.

Also - AFAICT - the fullscreen mode doesn't appear to work correctly on iPhones, iPad(v1?) and on Android (4.4.2 Galaxy Tab).

Just wanted to make sure we weren't doing something wrong before we just hide that control for tablets and smaller...

Seems to work fine on the desktop.

 

Many Thanks for the great tools though!!

tcowin

Fri, 05/27/2016 - 18:19

So it appears most of the problems I found were just conflicts between the screen layout in the theme and the implementation of the semi-fullscreen mode in H5P. Hiding header and sidebar elements in the theme when in semi-fullscreen mode appears to resolve most of the issues I ran across. I still cannot get the H5P Presentation iframes to load on the iPhone 6s, but still investiagating that...

tcowin

Fri, 05/27/2016 - 18:21

The theme being Enfold that is...

falcon's picture

falcon

Mon, 05/30/2016 - 10:40

Hi, I tested with an iPhone 6S and it worked just fine so it is not easy for me to help you out on this one :/ We test all updates on IOS on iPad and iPhone or iPod touch.

tcowin

Tue, 05/31/2016 - 23:12

I did find some confilcts between theme implementation and the 'semi-fullscreen' mode that you use in mobile. I made some CSS changes to compensate when in this mode, and it appears to have largely resolved what we were seeing.

Thanks for looking at it!

falcon's picture

falcon

Thu, 06/02/2016 - 16:15

Super, glad you figured it out!