Website display in internet explorer

[droustio]

I am having issues with the site display in internet explorer. The site works in Chrome and Firefox. the most obvious difference are images as shown in screenshot and the custom header flex is not working correctly. Ive looked at other posts and have had no success thus far. Any help would be greatly appreciated.

[mldarshana]

Hi There,

Thanks for writing in! What’s the version of IE that you’re having this issues, so that we can check on our end and assist you further.

Thanks!

[droustio]

I have tested on IE11.762

[nabeel]

Hi again,

To fix the issue, please add the following code in the Theme Options > Global CSS or in the Customizer via Appearance > Customize > Custom > Edit GLOBAL CSS

.x-image {
    width: 100% !important;
}

Hope this helps!

[droustio]

Thanks, i tried this and it fixed the image size issue. However, i am still having issues with the top bar as seen in the screenshots above. Any ideas its a custom bar made in the builder.

[friech]

Hi There,

You can inline everything with flexbox. You need to set your image a max-width and set the container’s flex layout horizontal to space around (see the Copy Header I created).

Regretfully, IE11 and below does not fully support the flexbox (https://caniuse.com/#feat=flexbox). The problem with IE is it doesn’t have much support for new CSS3 features which is used in Pro unlike the rest of the popular modern browsers.

Thanks,