Started a new discussion: Solution to Apple Mail scrolling when using spacebar in inputs
I recommend if you don't want the phone number to look like a link when hovered over, try cursor: pointer in addition to the other css
Double opt-in would solve this problem since they'd need to confirm before you start sending to them :)
I've been testing this for the past hour and a half as had a customer complaint about it. I've tested on
iPhone 6S
Sony Xperia M4 Aqua with Android 5
Samsung Galaxy Mini with Android 4.3
Samsung Galaxy J3
Validated code with W3, all fine.
On the J3 and the Xperia, I got the cropping, on the other two I didn't. Since it seems to be a physical length issue I tried again with a super long image.
Results:
Removed one item of content where the cropping occurred. Cropping on iPhone (halfway through some text, physically through the letters), big blank area underneath where the content should've been. All other devices OK!
Tried putting the removed item of content above the long image to see if it was the code in this block causing the issue. All displayed correctly.
Reopened original email causing issues. All displayed correctly.
Resent the original email. Xperia cropped. Closed and reopened, displayed correctly.
Totally bizarre but seems like a loading issue (from my experience)
Litmus says it works, but having sent a test to my phone, it doesn't seem to work in gmail.
The seems to work real nicely - the lines underneath the headings aren't playing ball but the rest of it is. Need to take a good look at your code. Great job!!
Hi Jessica, I'm not bothered about the background, the background isn't the issue, it's the actual column width I'm trying to solve.
Sorry, Litmus Builder is failing so here's a CodePen link http://codepen.io/becskr/pen/QjrPpz