CODEWITHSUNDEEP
androidhtmlcssemailresponsive-design
Fanooos
Fanooos

Reputation: 2818

HTML mail does not display complete on android gmail client

I am sending newsletter from my web application. I have a problem in designing the mail.

The gmail client displays only one half of the message (the right half here as the mail is in Arabic) as in the below image.

enter image description here

How can I make all the message appear?

Upvotes: 0

Views: 809

Answers (1)

Harshad Ranganathan
Harshad Ranganathan

Reputation: 1828

The email display space varies from one client to another. For example gmail allocates say 500px size for showing the email when viewed through pc and the rest of space for other tabs. So this display size varies a lot.

Solution:

Place your contents within a table. Create a parent table and set its width to 100% so it occupies the entire allocated space. Within that create another table and give it a size of 500px ( usually you can give a size of 400-600 but not more than that). Inside this second table you post your contents. To make it look good you "center" the table 2 within table 1.

This how an html email will look in Gmail Mobile App if you follow my concept

enter image description here

Upvotes: 1

Related Questions