Content overlapping in IE in Windows

[mwahidullah]

Hi
Please see the attached screenshot. The content is overlapping in all version of internet explorer ( 11, 10. 9) in Windows 10, 8.1, 8 and in 7. Content is oK in Chrome browser. I am using theme x version 6.0.4 with wordpress 4.9.7. live website address is www.sbmlawsk.ca. Please help. Thanks - Wahid

[rad]

Hi @mwahidullah,

Thanks for reaching out.

The screenshots are both the same. I assume you’re referring to the image under Estate Administration, Personal, Small Business and Farming Services for .... If yes, please add this CSS to your global custom CSS.

.x-image img {
width: 100%;
}

And please note that not all IE versions are supported, especially the old one. Would you mind providing your IE versions?

Thanks!

[mwahidullah]

I already mention IE 11, 10 and 9. Please see the attached screenshot now

[rad]

Hi @mwahidullah,

Sorry, I mean the build version of your IE. An upgraded 11 of Windows 7 doesn’t work the same sometimes as the built-in 11 of Windows 10. Same goes of the upgraded version of 9 in XPs. Which makes it harder to troubleshoot across devices.

I thought you’re referring to upgraded versions, but the exact IE10 and IE9 aren’t supported because they lacks some feature that most modern has, especially the flex styling. Please check this https://www.microsoft.com/en-us/windowsforbusiness/end-of-ie-support

On January 12, 2016 Microsoft announced end of support for IE10, IE9, and IE8 on Windows 7, Windows 8.1, and Windows 10. Internet Explorer 11 is now the last version of Internet Explorer on these platforms which will continue to receive security updates, compatibility fixes, and technical support.

The CSS that I provided above should fix it for IE11 and Edge.

Thanks!

[mwahidullah]

Hi
Thanks for the info. I have added the CSS but issue remain same in IE11. Please see the screenshot

[rad]

Hi @mwahidullah,

It’s cache, when you’re on IE, please press CTRL + R to reload it. It should appear like this

Cheers!