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.
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.
The 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
- 01
Select the image
Open the responsive screen and select the image component that should appear only on desktop.
- 02
Open the Layout tab
In the left editor panel, switch to Layout and find the device-size visibility controls at the top.
- 03
Keep Desktop visible
Leave Desktop enabled, then turn off Tablet and Mobile for the selected image.
- 04
Check the parent group
If the image belongs to a group, confirm the group is visible on Desktop; parent visibility overrides child settings.
- 05
Preview all three sizes
Preview desktop, tablet, and mobile widths and confirm the image appears only at the desktop breakpoint.
The underlying logic
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 | Important properties | Relationships |
|---|---|---|
| No database collection required | Image component and device-size visibility settings | None; visibility is controlled by responsive breakpoints |
What still needs checking?
- This answer is forum-native and follows the current responsive Layout tab documentation rather than a legacy Adalocado video.
Common failure modes
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
0 of 7 checked on this device
Current 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.
Current evidence screenshots have not yet been added. Treat the guidance as documented or legacy material according to the status shown above.
What the Adalo community is reporting
These are concise editorial summaries of public forum posts—not endorsements or independently reproduced results.
Affichage images
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.
JohnstonB (question) and Dilon (accepted answer) · May 2026Sources and status
This page was last reviewed on Aug 14, 2026. Its current status is Documented from current sources.
Verification owner: Automatically organized from an accepted forum answer; monitored for corrections. Next review: Oct 14, 2026.
Changelog
Automatically posted from a solved Adalo forum topic; corrections are monitored on the live site.
Report this answer.
Forum answers post automatically. If a step is wrong, outdated, unclear, or missing an important boundary, send the exact correction and the editor will check the live page.
Report a problemDid this solve your problem?
Never deal with an Adalo problem again.
Rehost becomes the monthly team behind your app. Fixes, releases, integrations, and ongoing changes have an owner.
See monthly managementBring us the messy version.
Describe what you expected, what happened instead, and what you already tried.
Ask Adalocado