TitleText Over Media section

The full-screen sections in Shorthand support displaying your images in both wide screens (also called landscape format such as most desktop monitors) and tall (or portrait, such as phones) formats.  

By default, you only need to upload one image. When you upload it, we'll show you how it will appear on both wide and tall screens by cropping to the middle of the image.  

In some cases, this auto-crop may be fine for your story and you only need to upload the single image.   In some situations though, cropping to the middle may leave out important detail or make it difficult to read your title.  In these situations, you may choose to upload different images for each screen orientation.

The example below shows that a default middle-crop of the wide image of lions wouldn't be suitable on a tall phone screen, so an alternate image is specifically uploaded for that format.

When you generate a new preview of the story you can resize your browser or view the preview on a phone to see the different images display.

Reveal / Background Scrollmation sections

In the Reveal and Background Scrollmation sections, you are shown a preview of the portrait crop alongside the thumbnail of each image at the bottom of the section editor

To change it from the default to a different image, simply click on the mobile graphic and upload your alternative.


Remember the recommended size for a portrait image, and refer to our safe area guide for portrait images to avoid losing any detail at the edges if the image gets cropped on different sized portrait screens.