Footer Social display issue in mobile

Hmm, that looks like the Gmail app. Which device, which version of the app. I can’t recreate that when I test on my Iphone.

Ben

Hi Ben,

It’s a iPhone 7. With 5.0.181119 version Gmail App, which I believe is the latest.

After testing for a bit, I think maybe it’s due to Gmail’s auto-sizing function?

Cause when I press the “revert auto-sizing” button then it’s displaying OK, although text etc. are a bit smaller .

Button location:

View post on imgur.com

Before pressing “revert auto-sizing”

View post on imgur.com

After pressing “revert auto-sizing”

View post on imgur.com

Also if I only use two social icons instead of three, then it’s fine all the way.

This might give you something to go on. Thanks again!

odd, Can you tell me your email settings? What have you set for the content width? I’m still not able to recreate so I need to know how you have things set up better to understand

Hi,

I set the container content width to 600px.

Here’s the exported file so you could get a full picture.
https://drive.google.com/file/d/1BSk4XOw65yA2Heui3Iw2-Ov_4PYz7-Jd/view?usp=sharing

Thanks!

Hey, so a fix for you is to add this css in the custom css box:

#footersocial {
    min-width: 100%;
}

That will get the icons to stretch out even if Google is applying the auto resizing.

If you want to force Google to not apply that resizing you can check out this article for some options:

https://css-tricks.com/override-gmail-mobile-optimized-email/