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
I've been testing this for the past hour and a half as had a customer complaint about it. I've tested on
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.
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)
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.