Font Size On Different Phones

Question

Hi there, I’m having some issues with how our emails are being displayed on different mobile phones. I use an iPhone (1st screenshot) and the text appears at the correct size when I view an email sent via Klaviyo. However my boss uses a Google Pixel phone (2nd screenshot) and the text on the version he received looks massive. We checked that he doesn’t have the display options changed on his phone and everything looked pretty standard to us. There is no difference between the emails sent, both have the text set at 14px but they look completely different and this will be affecting the way our customers see our emails as well. Is there a way to rectify this at all? Thanks.

ArpitBanjara · Accepted Answer

Hey @Revival Vintagewelcome to the Klaviyo communityI think it’s helpful to first understand that emails will typically render differently based on a number of things. Most notable, the inbox provider you’re using, the device you’re viewing the email on, and the medium (browser, app, etc) you’re viewing the email from. Any combination of these along with some other known rendering quarks - such asOutlook- may cause your emails to look different from one another. For this reason, we typically recommend using tools such asLitmusorEmail on Acidwhich are email preview tools to allow you to view how your email will appear. You can then use these previews to help guide how to design your emails to appear as consistant as possible across the all mediums.Essentially, various aspects being reorganized to appear in columns rather than rows and your font changing size are all attributed to viewing the email on mobile. I believe taking a look at ourOptimize Your Emails forMobileHelp Center article and some additional Community postsI’ve linked below could be helpful to wrapping your head around the behavior you’re describing:Logo appearing twice in abandonment emailWrong Display of Preview Mail in different Mailing ProvidersWhy is the mobile preview not the same when sending?I hope this helps. However, if the issue still persists, I would suggest connecting with klaviyo chat support and they should be able to investigate better as they will be able to access your email template.CheersArpit

ebusiness pros · Answer

Hi @Revival Vintage!Have you checked the email template settings in the “Styles” tab of the email editor? Sometimes your mobile and desktop font sizes might be incorrectly or inconsistently configured here.See this screenshot of the desktop sectionAnd this screenshot of the mobile sectionYou also might do a quick spot check to confirm no text is formatted with an H1, H2, etc. tag when it’s intended to be “normal” or “body” text. One way to quickly reset this after confirming the template settings under “Styles” is by selecting all text and choosing the “clear formatting” option in the editor toolbar. Then revise the formatting to match what you originally intended!Warmly,Gabrielle

Sign up

Use your Klaviyo credentials

Log in to the Community

Use your Klaviyo credentials