Who This Is For / When to Use
Use this guide if you design email campaigns or templates in Kyrios and want to optimize how content appears on mobile devices without affecting the desktop version.
Step 1: Hide Elements From Mobile or Desktop View
Navigate to the Email Builder
Go to Marketing.
Open the Emails sub-tab.
Select Campaigns or Templates.
Open an existing email campaign or template in the drag-and-drop editor.
Hide an Element Using Visibility Settings
Click the element you want to edit.
Open Visibility settings.
Choose to hide the element on:
Mobile
Desktop
Both
Hide an Element Using Hover Actions
Hover over the element inside the editor.
Select the action option to hide it on mobile or desktop.
Where You Can Hide Elements
Elements can be hidden directly in:
The editor canvas
The layer panel
Important Behavior Notes
Always preview the email after hiding elements to confirm layout behavior.
Some email clients, especially when emails are viewed in a mobile browser, may not fully honor hidden elements.
Mobile-Specific Formatting
Adjust mobile-only formatting such as:
Font size
Text alignment
Line spacing
These settings apply only to the mobile version.
Mobile formatting works only in email clients that support media queries.
Save Changes
Click Save to confirm and apply all visibility and formatting updates.
Step 2: Preview and Test the Email
Preview the Email Layout
Click the three-dots menu in the editor.
Select Preview Template.
Switch Between Device Views
Use the icons at the top of the preview screen to toggle between:
Desktop
Tablet
Mobile
Test on a Real Mobile Device
Send a test email to yourself.
Open it on a mobile device to verify real-world appearance and behavior.
FAQ
How do I hide specific elements in an email for mobile or desktop view?
To hide elements, open the email in the drag-and-drop editor, select or hover over the element, and use the visibility options to hide it on mobile, desktop, or both.
How do I preview my email in mobile view?
Click the three-dots menu in the email builder, select Preview Template, and use the device icons at the top of the preview screen to switch to mobile view.
Will changes made to the mobile view affect the desktop view?
No. Mobile-specific changes do not affect the desktop version. Each view can be customized independently.
How can I test how my email will look on an actual mobile device?
Send a test email to yourself and open it on your mobile device to see how it appears in real time.
Do all email clients support hidden elements for mobile or desktop views?
No. Some email clients, particularly mobile browsers, may not honor hidden elements. Always preview your email across devices and clients.
Can I adjust font style and size specifically for mobile view?
Yes. You can customize font style, size, alignment, and line spacing for mobile-only views. These settings apply only in email clients that support media queries.