Storyline file not fit in rise

Hi there, there is nothing you can do about this issue with this file. Storyline behaves differently to Rise in terms of how it responds on different devices.

Rise is fully responsive and adapts the content to the device size it is being viewed on, maintaining good font sizes, reorganising content (stack vertical, rather than horizontal) etc.

Storyline is a fixed size and aspect ration and scales content to fit different device sizes. Think of it like a television, the picture grows or shrinks depending on the size of the TV.

The content you are viewing is tall and thin (portrait) which is ideal for mobile and fits better, whereas on a desktop, where your screen is wider (landscape), the Storyline file is expanding the width to fit the available content space, but in doing so, it expands the height, below the fold of the browser.

In order to stop this happening, the Rise Storyline block would have to restrict the height of the block to the height of the Storyline content (minus a few pixels for browser GUI etc).

Hack/Fix

If you'd like to have a go add adding a fix, you could add the following line of code HTML page:

<style>
.blocks-storyline__item__iframe
{
     max-height: 100vh;
}
</style>
<!-- insert, just before the closing head tag in the main HTML page -->
</head>