# How do you show an image on desktop only in Adalo?

Show an image only on desktop by disabling its tablet and mobile visibility in the responsive Layout tab, then verify the parent group at every breakpoint.

- Canonical URL: https://adalocado.com/answers/how-do-you-show-an-image-on-desktop-only-in-adalo
- Verification: Documented from current sources
- Topic: Conditional Visibility
- Skill level: Beginner
- Last reviewed: 2026-08-14
- Index status: index-now

## Short answer

In a responsive Adalo app, select the image, open the Layout tab, and turn off visibility for Tablet and Mobile while leaving Desktop on. If the image sits inside a group, check the group's visibility too, because a hidden parent group overrides its children.

Use responsive screen-size visibility when the rule depends on the viewport, not on the current user or record. Select the image in the responsive builder, leave Desktop visible, and disable Tablet and Mobile. Then inspect the containing group and preview every breakpoint. This keeps a presentation rule in the Layout tab instead of building a database condition for it.

## Intended outcome

The image appears at Adalo's desktop breakpoint and remains hidden at the tablet and mobile breakpoints.

## Requirements

- A responsive Adalo app; the Layout tab is not available in legacy apps
- The image component or its containing group selected in the editor
- Access to desktop, tablet, and mobile preview sizes

## Step by step

1. **Select the image**

   Open the responsive screen and select the image component that should appear only on desktop.

2. **Open the Layout tab**

   In the left editor panel, switch to Layout and find the device-size visibility controls at the top.

3. **Keep Desktop visible**

   Leave Desktop enabled, then turn off Tablet and Mobile for the selected image.

4. **Check the parent group**

   If the image belongs to a group, confirm the group is visible on Desktop; parent visibility overrides child settings.

5. **Preview all three sizes**

   Preview desktop, tablet, and mobile widths and confirm the image appears only at the desktop breakpoint.

## Why it works

- Screen Size Visibility is breakpoint-based layout behavior, not a database condition: Desktop starts at 992px in Adalo's current breakpoint model.
- Turning off Tablet and Mobile removes the component at those device sizes while preserving the Desktop layout.
- A child component cannot display when its containing group is hidden, even if the child's own Desktop toggle is enabled.

## Data model

| Collection | Properties | Relationships |
| --- | --- | --- |
| No database collection required | Image component and device-size visibility settings | None; visibility is controlled by responsive breakpoints |

## Common failures

### There is no Layout tab

Confirm the app uses Adalo's responsive builder. The documented Layout tab and device visibility controls are not available in legacy apps.

### The image is still missing on desktop

Inspect each parent group and section. A hidden parent overrides the image's own visibility setting.

### The image appears at an unexpected width

Test against Adalo's fixed breakpoints rather than the device name alone; Desktop begins at 992px.

### Other layout controls disappeared

Re-enable that device size temporarily. Adalo hides shared and custom layout settings for a size when visibility is disabled there.

## Testing checklist

- [ ] Preview at a desktop width of at least 992px and confirm the image is visible.
- [ ] Preview at a tablet width between 720px and 991px and confirm the image is absent.
- [ ] Preview at a mobile width below 720px and confirm the image is absent without leaving an unintended gap.
- [ ] Desktop visibility is enabled for the image and every parent group
- [ ] Tablet and Mobile visibility are disabled for the image
- [ ] The screen has been previewed above and below the 992px desktop breakpoint
- [ ] A current editor screenshot is still missing and should be added when available

## Limitations

- The official Layout tab workflow applies to responsive apps; the accepted forum reply suggested a third-party component for legacy apps, which this draft does not endorse or verify.
- Adalocado has checked the current public documentation but has not reproduced the workflow or captured a current builder screenshot yet.

## Community evidence

### [Affichage images](https://forum.adalo.com/t/affichage-images/66598/2)

The accepted answer directs responsive-app users to Adalo's Screen Size Visibility controls and treats legacy apps as a separate case. Boundary: The forum's third-party legacy-app suggestion has not been independently checked and is excluded from the recommended workflow.

## Sources

- [Adalo forum accepted solution](https://forum.adalo.com/t/affichage-images/66598/2)
- [Adalo Help: Screen Size Visibility](https://help.adalo.com/design/designing-your-app/using-the-layout-tab/screen-size-visibility)

Markdown version: https://adalocado.com/answers/how-do-you-show-an-image-on-desktop-only-in-adalo.md