Hide Email Elements on Mobile View

Device Visibility lets you control whether specific email content appears on mobile, desktop, or both. It's useful when certain elements or layouts should be device-specific without being deleted from the email.

You can also combine Device Visibility with Mobile Formatting and Conditional Visibility to create more flexible responsive email experiences. This guide walks through every setting, the design patterns it unlocks, and the exact steps to hide elements and layouts on either device.

Device Visibility controls whether an email element or layout is shown on desktop, mobile, or both. It is a presentation setting, so hiding content for a device does not delete the content from the email builder.

You can use Device Visibility to:

• Hide an element on mobile.
• Hide an element on desktop.
• Show separate desktop and mobile versions of content.
• Hide an entire layout for one device type.
• Keep complex desktop layouts from appearing on smaller screens.

Email elements are responsive by default, so Device Visibility is best used when content should not appear at all on a specific device.

Device Visibility gives you more control over which content recipients see on different screen sizes without requiring separate email campaigns.

Element Visibility and Layout Visibility control different levels of the email structure. Choosing the right one helps avoid unnecessary duplicate settings and makes troubleshooting easier.

Element Visibility

Use Element Visibility when only one content element should be hidden. Supported elements include:

• Text
• Images
• Buttons
• Dividers
• Icons
• Other supported Email Builder elements

For example, you might hide a decorative banner on mobile while keeping the rest of the section visible.

Layout Visibility

Use Layout Visibility when an entire group of elements should be hidden together. This is useful when:

• A desktop layout has multiple columns.
• You created a separate mobile-friendly version.
• A complete promotional section should only appear on one device type.

If a parent layout is hidden for a device, the elements inside that layout do not render for that device even if their own element-level visibility settings are enabled.

Device Visibility and Mobile Formatting solve different responsive-design problems. Use Device Visibility when the content should not appear at all on a device. Use Mobile Formatting when the content should remain visible but look different on mobile.

Device Visibility controls content based on the recipient's device, while Conditional Visibility controls content based on contact information or other supported conditions.

Visibility settings determine which content is included for the selected device experience. Reviewing both the element and its parent layout is important because parent visibility can override child settings.

Visual indicators, such as grayed-out device icons, show when a layout is hidden for a device.

Device Visibility is most useful when the mobile and desktop experiences genuinely need different content structures. Avoid creating separate versions of every element when normal responsive behavior already works.

Device-specific content should improve usability without creating gaps in the message or hiding information recipients need.

• Use responsive design first before creating duplicate desktop and mobile content.
• Hide only content that is genuinely unnecessary for the selected device.
• Check parent layout visibility when troubleshooting an element.
• Keep critical campaign information available on all relevant devices.
• Avoid hiding compliance or legally required content.
• Test both device versions before sending.

Using the Visibility settings lets you control individual elements without touching the rest of a section.

1. 1Open your email in the Email Builder.
2. 2Click the element you want to hide (text, image, button, divider, or icon).
3. 3In the element's settings panel, open the Visibility section.
4. 4Toggle off 'Show on Mobile' to hide the element on mobile devices, or 'Show on Desktop' to hide it on desktop.
5. 5The element stays in the builder but won't render on the chosen device. A grayed-out device icon confirms the setting.

6. 

7. 6Save and preview the email on both device views to confirm.

Hide a full row when you want all of its elements removed from a device view at once.

1. 1Open your email in the Email Builder.
2. 2Select the layout (row) you want to hide — click the layout label or the row handle.
3. 3In the layout settings panel, open the Visibility section.
4. 4Toggle off 'Show on Mobile' or 'Show on Desktop' for the entire layout.
5. 5All elements inside the hidden layout are removed from that device view, even if their own element-level visibility is enabled.
6. 6Save and preview both device views before sending.

1. 1In the top bar of the Email Builder, switch between Desktop and Mobile preview icons.
2. 2Review each section on both views — hidden elements appear grayed out in the builder but disappear entirely in the preview.
3. 3Send yourself a test email to verify rendering on a real device.
4. 4Check that critical content (CTAs, links, compliance text) is still visible on the device you're targeting.