X-image internet explorer 10/11

Support
#1

Hey,

We have a strange issue in !E 10 (and some versions of 11) where IE is forcing the x-image to be full width even if the parent container is set to a max width. I’ve tried targeting .x-image and forcing styles with !important but nothing matters.

I’ve tried to debug this with Browserstack but I can’t find a working solution.

I’m attaching the site.

Please advice! Thanks

#2

Hi There,

To fix this issue, please add this custom CSS under Theme Options > CSS:

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

Hope it helps :slight_smile:

#3

I’ve come up with those css styles and that didn’t work unfortunately.

Are there any tools at theme.co that allow you to view this in IE10? You’ll see it still forces it full width regardless of that CSS.

#4

Hi Im a colleque of Chris,

See underneath screenshot to clear things up.

Any suggestions?

Thanks!

#5

Hi Guys,

Thank you for the screenshot. This oversized image issue in IE happens because IE behaves differently and needs either the Width and/or the Max Width options of the image element to be set specifically.

Try setting the Max Width of all your images to 100%.

If you want 100% to be the default value of the Max Width, you can save it as the Image element’s preset and then save it as Element Default. For more information, please see https://theme.co/apex/forum#element-defaults

Also see https://theme.co/apex/forum/t/problem-viewing-in-internet-explorer/43696/2

Thanks.

#6

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.