Email Marketing Tool

jamiel
Member

Email body text becomes tiny in mobile view

SOLVE

When I preview an email using Hubspot's own Preview feature from the editor - the font size appears as expected. As in, the font size persists from desktop to mobile (or tablet) view and the only difference is that the width/height adapt to the devices' screen dimensions. 

 

However, when I actually send a test email to myself, the font is tiny when I open it via my Gmail mobile app. Others in my organization report seeing this as well on their phones. When viewing the test email via desktop, it looks fine. Not sure why the font size seems to shrink arbitrarily on mobile. 

0 Upvotes
1 Accepted solution
Ben_M
Solution
Key Advisor

Email body text becomes tiny in mobile view

SOLVE

Based on your email I would recommend increasing the font size. For mobile devices you should not be using anything lower than 16 px for most readable text. In addition, the contrast ratio of your text to background fails because for the font size the foreground (146, 146, 146) is only a 3.11:1 ratio to the white background and should be closer to a 4.5:1 ratio.  I would increase your font size of the body text to at least 16 px and increase your header slightly to keep your ratio and increase that to 17 or 18px.  Try that and see what happens.

View solution in original post

3 Replies 3
Ben_M
Key Advisor

Email body text becomes tiny in mobile view

SOLVE

Can you post the preview link or the view in browser link from an actual email for us to evaluate the code?  Unfortunately without code we would only be guessing at potential solutions.

0 Upvotes
jamiel
Member

Email body text becomes tiny in mobile view

SOLVE

Thanks for the suggestion. Here is a Hubspot-generated link to view the campaign: 

 

https://preview.hs-sites.com/_hcms/preview/content/12571507712?portalId=4526033&_preview=true&cacheB...

 

And here's a link from Gmail's 'View Original' option:

https://mail.google.com/mail/u/0?ik=a80e5c60d3&view=om&permmsgid=msg-f%3A1643776215373455450

 

Let me know if there's something I'm missing or anything more I can add. Thank you!

0 Upvotes
Ben_M
Solution
Key Advisor

Email body text becomes tiny in mobile view

SOLVE

Based on your email I would recommend increasing the font size. For mobile devices you should not be using anything lower than 16 px for most readable text. In addition, the contrast ratio of your text to background fails because for the font size the foreground (146, 146, 146) is only a 3.11:1 ratio to the white background and should be closer to a 4.5:1 ratio.  I would increase your font size of the body text to at least 16 px and increase your header slightly to keep your ratio and increase that to 17 or 18px.  Try that and see what happens.