Internet Explorer Issue with Social Proof Banner

Design help General
1

Hi all,

Hope your day is going well.

Running into a slight issue while building a client’s website, specifically in regards to how a certain section loads/appears in Internet Explorer.

On the home page of the website, the social proof section should (and does in most browsers) appear as follows:

Social%20Proof%20in%20Chrome
Social%20Proof%20in%20Chrome1918×427 157 KB

However, in IE, the section gets completely distorted and I can’t wrap my head around why. It looks as follows:

PNG
PNG1920×547 97 KB

Not sure if anyone has run into this issue, but any and all advice would be appreciated!

My read-only link can be found here.

Thank you in advance!

2

Not sure if this the issue you’re having, but hopefully this might help.

https://stackoverflow.com/questions/41489798/keep-image-ratio-using-max-width-and-max-height-in-ie-11

1 Like
3

Thanks, Riley! Been messing around with max-width and max-height this morning but unfortunately to no avail. I’ll keep trying though – appreciate the help!

4

@PixelGeek @Waldo Any chance I could kindly ask one of you to take a look and see if you have any ideas?

I’ve gotten the weird aspect ratio issue to resolve, but now some of the logos in this section go off screen. Thanks in advance if you get a chance to look at it!

PNG
PNG1918×543 138 KB