Overview
This guide helps you resolve mobile display issues when icons in iCampaign email templates don't render correctly on mobile devices. The most common cause is improper section configuration in your template structure.
Symptom/Error
You may experience the following symptoms when viewing your email template on mobile devices:
Icons appear distorted or misaligned
Icons fail to display entirely on mobile
Icons render correctly on desktop but not on mobile devices
Individual icon sections appear scattered or improperly spaced
Cause
Icons placed in individual standard sections rather than within a Group Section cannot render properly on mobile devices. iCampaign requires icons to be contained within a Group Section to ensure responsive behavior across different screen sizes and devices.
Solution
Follow these steps to fix mobile display issues with icons:
Access Your Template
Navigate to your iCampaign template editor and open the template with the icon display issues.Create a Group Section
Add a new Group Section to your template where you want the icons to appear.Move Individual Icon Sections
Move all individual icon sections from their current standard section locations into the newly created Group Section.Verify Section Structure
Ensure that all icons are now contained within the Group Section rather than as separate individual sections.Save Your Changes
Save the template to apply the new section configuration.Test Mobile Preview
Use the mobile preview feature in iCampaign to verify that icons now display correctly on mobile devices.
Verification / Expected Result
After completing these steps:
Icons should display correctly in the mobile preview
Email templates will render properly on both desktop and mobile devices
Icons will maintain proper alignment and spacing across different screen sizes
Troubleshooting / Common Errors
Icons still display incorrectly after moving to Group Section:
Verify that all icon sections have been moved into the Group Section
Check that no individual icon sections remain outside the Group Section
Ensure the Group Section is properly configured for responsive display
Group Section option not available:
Check that you're using a template that supports Group Sections
Verify you have editing permissions for the template
Best Practices
š” Tip: When creating new templates, add icons within a Group Section from the beginning rather than as individual standard sections.
š” Tip: Always test both desktop and mobile previews when working with icons and other responsive elements.
When to Contact Support
Contact Dazos Support if:
You continue experiencing mobile display issues after following these steps
You need assistance identifying which sections contain your icons
The Group Section option is not available in your template editor
You need help with template structure or responsive design best practices