Portrait Resolution not Scaling to fit Safari Window on iOS

I have my Storyline size as 405x720 in order to create a portrait oriented display. However, unlike 720x405, it doesn't scale to the maximum size in a Safari window on my iPhone. Is there a specific resolution that works best here? I've tried 1080x1920, 1125x2047 and a few others with the same results. Is this because of the lack of a "Scale to Fit" or "Fill Background" button on custom sizes (which is only present on the preset story sizes of 720x405 and 720x540)?

7 Replies
Vincent Scoma

Hi John,

Thanks for reaching out and letting us know what you are experiencing with your course! 

Does your course have the Menu & Control Elements turned on for the Player? If so, the Modern Player is going to make room for the player elements that are enabled. The Modern Player will adapt to the size of the browser window, and your slide will fill the Player as much as possible, without stretching or scaling larger than the story size that was set.  

To maximize the screen size, what may help is to add custom navigation buttons to your slide and turn the player features "off."  By turning off the Player Controls, this should help achieve the design you are after by making your slide content front and center.

Leslie McKerchie

Hi John,

Thank you for the additional information.

I created a sample project using your custom size of 405x720 and my slide takes up all the iPhone real estate:

Here's my published output. Do you experience a similar result? I'm attaching my simple test file.

With your permission, I'd like to take a look at your project file to investigate what's happening. You can share it publicly here, or send it to me privately by uploading it here. I'll delete it when I'm done troubleshooting.

John Farmer

Thanks for helping investigate. I have pinpointed the issue. I was using Storyline 3.39 when publishing. It looks like there was a known issue with it as it was addressed in 3.40 (see below). It's working perfectly now that I've updated.

 

https://articulate.com/support/article/Articulate-Storyline-360-Version-History

Fixed: Slide content didn't fill the screen on mobile devices in portrait mode when menus and controls were turned off in the modern player, and interactive objects weren't always clickable on mobile devices in landscape mode.