Skip to main content

How to show content only on Desktop or Mobile

Learn how to optimize your Storydoc presentation for desktop and mobile by controlling which slides appear on each device.

Written by Jack

Storydoc presentations automatically adapt to the screen your reader is using. But sometimes you want a slide to look a little different — or completely different — on desktop versus mobile. This article shows you how to create device-specific slides and control exactly which version your readers see on each device.

How it works

Rather than having one set of slide settings for both devices, Storydoc lets you show or hide individual slides depending on whether the reader is on desktop or mobile. The trick is to duplicate a slide, customize each version separately, and then assign each version to its target device.

This gives you full creative control — you can adjust layouts, image crops, font sizes, or content to make sure every reader gets the best possible experience on their device.

Step 1: Preview how your story looks on desktop and mobile

Before making changes, it's a good idea to check how your presentation currently looks on both devices. To do this:

  1. Click the dropdown arrow next to the Present button in the top right corner of the editor.

  2. Select Document preview from the menu.

  3. Use the Desktop and Mobile tabs at the top to switch between views.

The Present dropdown menu showing Present mode, Document preview, and Open in a new tab options

This preview helps you spot any slides that need adjustment before you set device-specific visibility.

The document preview in mobile view, showing how the cover slide renders on a phone screen

Step 2: Duplicate the slide you want to customize

Once you've identified a slide that needs a different layout for desktop or mobile, duplicate it so you have two versions to work with.

  1. In the slide panel on the left, hover over the slide you want to duplicate.

  2. Click the three dots (⋯) that appear on the slide thumbnail.

  3. Select Duplicate from the menu.

You'll now have two identical slides. Edit each one to suit its target device — for example, adjusting the layout, image size, or text for mobile.

Step 3: Set which device each slide appears on

Now you can control the visibility of each slide version. Here's how:

  1. In the slide panel on the left, hover over the first version of the slide and click the three dots (⋯).

  2. Hover over Show on desktop/mobile.

  3. Choose one of the three options:

    • Show on both — the slide appears on all devices (default)

    • Show only on desktop — the slide is hidden on mobile

    • Show only on mobile — the slide is hidden on desktop

  4. Repeat for the second (duplicate) slide, selecting the opposite device option.

The same submenu on a different slide with Show only on mobile selected and highlighted in purple

How to identify device-specific slides at a glance

Once you've applied a device setting to a slide, a small icon will appear on the slide thumbnail in the left panel — a desktop icon or a mobile icon — so you can always tell at a glance which version is assigned to which device.

The slide panel showing both versions of the cover slide with device indicator icons visible on the thumbnails

Tips for creating great device-specific slides

  • Keep content consistent — make sure both versions tell the same story, even if the layout differs.

  • Optimize images for mobile — portrait-oriented or cropped images often work better on smaller screens.

  • Test both views — always use Document preview to check both the desktop and mobile versions before sharing.

Did this answer your question?