Centered Image in Gmail App

Hi,

I'm having some issues with my email alignment for two images in Android Gmail App.

The logo at the top and boxed image is not centered when viewed in Gmail App.

Android Native email app is rendering it fine.


Here is the link for the code.


Thanks,

Tahir

Stephen, 2 years ago

Hi Tahir,

Thanks for your question and sorry to hear you're experiencing alignment issues, however no problem, I believe the issue in this instance may just be that the Android Gmail app does not fully support media queries at present, which is why they may not be aligning for you here, and so what you may wish to try is wrapping your images in a div, as per below:

<div align="center" style="text-align:center;"> </div>

Thus, within the below code, for instance:

<td valign="top" align="center" class="clear-align" id="text-center" width="100%">
<a href="#"><img editable="true" src="images/pingo_logo.png" width="70" alt="" style="display:block; max-width:75px;" border="0" hspace="0" vspace="0" class="logoalign"></a>
</td>

You may wish to try updating this to:

<td valign="top" align="center" class="clear-align" id="text-center" width="100%">
<div align="center" style="text-align:center;"><a href="#"><img editable="true" src="images/pingo_logo.png" width="70" alt="" style="display:block; max-width:75px;" border="0" hspace="0" vspace="0" class="logoalign"></a></div>
</td>

So please give that a try and do let us know how you go here! :)

mtkhan mtkhan, 2 years ago

This didn't helped, and I still have the same issue. I've also applied the above fix for the second image in box (which appears on left) but still with no effect.

http://www.technoviser.com/wp-content/uploads/2014/08/Screenshot_2014-08-21-08-58-05.png

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098