Image in Content Header isn't responsive

  • cebronix

    (@cebronix)


    10 years ago

    I’m trying to insert a graphic inside my content header. It works fine but on my android phone, it’s not scaling down the image without a “pinch”. I’ve tried every combination of width and max-width I can think of, including putting it in a one-celled table.

    I’m using a clone of the responsive starter template.

    <table width="100%" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><img style="max-width: 100%;" src="image url removed" alt="" width="100%" height="auto" /></td>
</tr>
</tbody>
</table>

    https://www.ads-software.com/plugins/sendpress/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author itdoug

    (@itdoug)

    Is that android phone the only one that has this issue? it is very likely that not all mail clients will work perfectly with all HTML. There are numerous different android versions and mail programs. We run our template through the email on acid test to make sure that it renders properly on all the most popular email clients.

    Let me know if it is a problem with other clients. I’ll see if I can run an email through the test again to make sure that nothing is changed.

    Thread Starter cebronix

    (@cebronix)

    Sure enough, I borrowed an iPod w/the tiny screen & it scales perfectly. But BOTH email apps I use on my Galaxy Note 3 have issues. I also checked on a co-workers Galaxy S4. Both are high-res, large screens but they also make up a good portion of our mobile traffic.

    The standard email app connected to an exchange account doesn’t scale it, the Gmail app won’t even pull the image up.

    Does that mean the issue lies with a @media breakpoint or something in the template?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Image in Content Header isn't responsive’ is closed to new replies.