Text in scroll block in footer not appearing on mobile (chrome only)

 Hi! I have a scrolling section in the footer of my website with some text alternating with an emoji, and on my phone I can only see the floating emojis. Attached images showing how it looks on my phone vs in the editor. This seems to only be happening in chrome, I see the text correctly on other mobile browsers. Anyone have any ideas? Thank you. 

Is this just happing on your phone? I can see the text on every device I have looked on.

Interesting.. checked with a few friends and they see it also on iphones on chrome. It just occurred to me that it might be related to the fact that it's a clickable email link! It looks like when I remove the link the issue goes away. I'd like to keep the link if possible.. so I guess now I'm seeking a way to avoid chrome doing anything weird to email links 🤔

I found this related thread about phone numbers 

Scratch that, removing the email link didn't fix the issue. Not sure why I saw the text appear earlier when I did that and not now! Also I have an iphone XS in case useful info for anyone reading this.

It is fine on my phone

Ok after seeing this problem on a few iPads too, I eventually figured out that the issue is specifically happening because of something chrome is doing with the email address on certain devices. I was close earlier in thinking it might be the hyperlink, but seemed to just be the email string itself. I tested out changing it to other text strings without an "@" symbol and it displayed properly. As a hack for now, I just ended up putting a space on either side of the "@" symbol in the scrolling block so that it didn't read it as an email. 

I had the same issue here on all mobile devices using a Chrome browser. After sending in a help ticket, a specialist let me know this issue was escalated.