Hey I am really new to this stuff so forgive me if I do this wrong but I am working on an email for and for some reason, when I send the test to my boss, the text is getting cut off. BUT this problem doesn’t happen when I do it.
This is what it looks like for her:
My boss’s email
This is what it looks like for me:
On my email
This is what I wrote for the button:
<![endif]--><a style="background-color: #f26326; border-radius: 30px; color: #ffffff; display: inline-block; font-family: sans-serif; font-size: 14px; font-weight: bold; line-height: 40px; text-align: center; text-decoration: none; width: 200px; height: auto;" href="linkurl"_blank">Donate Now</a> <!--[if mso]> </center> </v:roundrect> <![endif]--></div>
I’m stupid and I’m dying out here. I tried this Button text gets cut off in IE
2
Answers
The issue could be related to the email structure or compatibility with different email clients. I would suggest reviewing the email structure and testing it on various devices and email clients to ensure it displays correctly across all of them.
Can you confirm if this issue occurs on other user’s devices? I noticed the line height is the problem – perhaps an accessibility option on your boss’ device?