Challenge: 

  • Landscape media often get cropped improperly on smartphones.
  • Important content doesn’t make full use of available space.
  • Different screen formats require flexible adjustments.

➔ Solution: Separate Mobile Media

With separate mobile images and videos, you can upload alternative media specifically for smartphones. This ensures optimal visibility across all formats.

Credits: Adobe Stock 440551943 | Wong Nerimo

Why this feature is important

✔ Optimal display on all devices
Ensure that content looks its best in every format while making full use of the available space.

✔ Better readability and user experience
Infographics, text, and key visuals remain clear and unobstructed, avoiding unwanted cropping.

✔ More control over your storytelling
Using separate photos, graphics, and videos ensures consistent visual quality across all screens.

How to apply the feature

1️⃣ Select a section with an image or video
Open a section with either a) an inline image/video or b) a background image/video.

2️⃣ Add a mobile-specific version
Add a “Portrait Image” or “Portrait Video” in the media settings.

3️⃣ Check mobile preview
Use the smartphone preview in the editor to ensure your content displays correctly on mobile devices.

Combine with the following features

✐ Optimize motif placement
Ensure the motif area aligns correctly in both desktop and mobile views for optimal readability.

✐ Test in phone preview
Switch to mobile preview to check the motif area and readability on smartphones.

✐ Apply dynamic shadow
Enhance readability without compromising the design.