# Email: Image makes text tiny on mobile

**URL:** <https://forum.mautic.org/t/email-image-makes-text-tiny-on-mobile/14725>\
**Category:** Product Support\
**Created:** [June 9, 2020, 8:55pm UTC](https://forum.mautic.org/t/email-image-makes-text-tiny-on-mobile/14725 "2020-06-09T20:55:29Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![imihandstand](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/imihandstand/32/1499_2.png) [@imihandstand](https://forum.mautic.org/u/imihandstand)\
**Post date:** [June 9, 2020, 8:55pm UTC](https://forum.mautic.org/t/email-image-makes-text-tiny-on-mobile/14725/1 "2020-06-09T20:55:30Z")

</div>

**Your software**  
My Mautic version is: v2.15.3  
My PHP version is: 7.0.33

**Your problem**  
My problem is: When I put in a more-or-less large image into my email (for example 500px width), on mobile the font-size of the text gets very tiny:

1st screenshot: Text without image. The font-size is as it should be.  
2nd screenshot: Text with 500px image. The font-size gets very tiny.

 ![103804843_340008890303013_5497197095691500716_n](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/7/73f9189c4ed368b838a264d6127a8a3b09cda8b8.jpeg) ![103391340_1222503571253189_9021786364265101121_n](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/1/13793bdea26f4bf4e5d430c62c06e568518beb53.jpeg)

The source-code for the (2nd) email:

[how to put in a html code here?!]

Steps I have tried to fix the problem:  
I did many-many tests for 3-4 hours, nothing worked.

---

<div class="post-metadata">

**Author:** ![mayanktiwaridotcom](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/mayanktiwaridotcom/32/1501_2.png) [@mayanktiwaridotcom](https://forum.mautic.org/u/mayanktiwaridotcom)\
**Post date:** [June 11, 2020, 7:56pm UTC](https://forum.mautic.org/t/email-image-makes-text-tiny-on-mobile/14725/2 "2020-06-11T19:56:59Z")

</div>

It is hard to say what exactly be the issue, as images are not really relevant to the problem. What I want to ask at the moment is if you can provide any sample url(preview url for email). As personally never facing something like that can’t comment directly.

---

<div class="post-metadata">

**Author:** ![imihandstand](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/imihandstand/32/1499_2.png) [@imihandstand](https://forum.mautic.org/u/imihandstand)\
**Post date:** [June 11, 2020, 8:36pm UTC](https://forum.mautic.org/t/email-image-makes-text-tiny-on-mobile/14725/3 "2020-06-11T20:36:32Z")

</div>

Thank you for your reply!

Images are extremely relevant to the problem. Today, after again hours of testing, I found following out:

- my phones real resolution: 1080x1920
- how browers/gmail-app/etc. sees my resolution: **360** x640 (this can be found it for example with [http://whatismyscreenresolution.net/](http://whatismyscreenresolution.net/) )
- and now the important part: When the image in the email is **328** pixels wide or less, than everything is fine. However, if the image is **329** or wider, it shrinks the picture and the text:

 ![103961625_599615297345007_1054319660215810841_n](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/8/83d2dc10ba2314ad34403930ec296a1a4b369005.jpeg) ![103390499_277499873453456_7533937353051744629_n](https://us1.discourse-cdn.com/flex020/uploads/mautic/original/2X/8/878ed498b5c67da7e3a7ad65550ebd742d5aff65.jpeg)

Preview-email, but not sure if it helps:  
[https://email.verfuehren-befriedigen-tipps.de/mautic/email/view/5ee2949a26026172593578](https://email.verfuehren-befriedigen-tipps.de/mautic/email/view/5ee2949a26026172593578)

---

<div class="post-metadata">

**Author:** ![mayanktiwaridotcom](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/mayanktiwaridotcom/32/1501_2.png) [@mayanktiwaridotcom](https://forum.mautic.org/u/mayanktiwaridotcom)\
**Post date:** [June 11, 2020, 8:45pm UTC](https://forum.mautic.org/t/email-image-makes-text-tiny-on-mobile/14725/4 "2020-06-11T20:45:21Z")

</div>

That is really strange, but as far as i can see this should be working fine(based on the preview link you have provided). however it looked fine on my one plus. I am sorry not able to find discrepancy right away,will try to look for it in couple of days(considering my time occupancy).

---

<div class="post-metadata">

**Author:** ![imihandstand](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/imihandstand/32/1499_2.png) [@imihandstand](https://forum.mautic.org/u/imihandstand)\
**Post date:** [June 12, 2020, 11:57am UTC](https://forum.mautic.org/t/email-image-makes-text-tiny-on-mobile/14725/5 "2020-06-12T11:57:44Z")

</div>

I now “solved” it by not using the “Blank” theme, just selecting the “Code Mode” as a Theme. It’s not a perfect solution, because this way I don’t have a WYSIWYG-editor, but I’m not able to solve it somehow else.

---

<div class="post-metadata">

**Author:** ![volcania\_dread](https://sea2.discourse-cdn.com/flex020/user_avatar/forum.mautic.org/volcania_dread/32/11124_2.png) [@volcania\_dread](https://forum.mautic.org/u/volcania_dread)\
**Post date:** [January 4, 2024, 3:23pm UTC](https://forum.mautic.org/t/email-image-makes-text-tiny-on-mobile/14725/6 "2024-01-04T15:23:38Z")

</div>

Hey I have the same problem:) when I use the builder the photos turns out in the test email huge, but looks ok in the normal preview. I tried to copy the code from the builder to a code email, and when I sent the test email the pictures were huge again.

do u have perhaps a solution?
