← Back to the overview article
Prepare menus and videos for portrait and landscape screens
This guide compares two layouts of the same daily menu. The key factors are the available display area, concise text and a test on the playback device.
1. Measure the actual area
Determine the width and height of the playback area. For a website, also check how that area changes across devices. Match the screen mounting to the playback device’s orientation. A card layout alone does not rotate a screen.
2. Choose the essential details
Select a few dishes with prices and necessary notes. Keep each dish, its price and description together. Check longer dish names and required language versions before choosing a layout.
3. Test two layouts rather than smaller text
Create a two-column layout for wide areas and a stacked version for narrow ones. The examples arrange the same information differently. Use the layout that is easiest to read from the usual viewing position. The designs do not represent automatic switching between formats.
The same daily menu in two layouts
Daily menu
With basil
CHF 18.50With seasonal vegetables
CHF 19.50Daily menu
With basil
CHF 18.50With seasonal vegetables
CHF 19.504. Use images without distortion
Do not stretch images to fill the area. If you crop, check that dishes, logos and important details remain visible. Video presentation also depends on the player and device. Borders are often preferable to missing content; check the result in the actual project.
5. Compare preview and everyday playback
Use “Test (iFrame size)” for text content at the intended dimensions. Then check the actual device: can guests read each dish and price at a glance, including in different lighting? If the text scrolls, watch a full cycle. Shorten or split content if essential details stay outside the visible area for too long.
Screen format checklist
Make menu boards easy to read · Keep screen messages concise