IE8 on Windows 7 problems

Hi!

We tested it on an IE8 emulation and it looks fine. Please ask your client to disable compatibility view mode. The only issue that I see is that the color section background is not resizing properly because IE8 doesn’t support the css background-size property. To fix it, add this to the Quick CSS field:

.avia-msie .home #av_section_1 .av-parallax {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='http://nltrademate.nl/wp-content/uploads/2015/02/NLTradeMate.jpg',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='http://nltrademate.nl/wp-content/uploads/2015/02/NLTradeMate.jpg',
sizingMethod='scale')";
}

This is how the site looks like on IE8 emulation (ignore the ie inspector):

Regards,
Ismael

Hey!

I’m not sure if this is going to help but please try to add this to the Quick CSS field to fix the download buttons:

.download-frontpage img {
   width: inherit;  /* Make images fill their parent's space. Solves IE8. */
   max-width: 100%; /* Add !important if needed. */
   height: auto;    /* Add !important if needed. */
}

Or

.download-frontpage img { max-width:100%; height: auto; } /* Enough everywhere except IE8. */
@media screen { .download-frontpage img { width: auto }} /* Prevent height distortion in IE8. */

Reference: http://stackoverflow.com/questions/8610077/height-auto-in-internet-explorer-8-and-below

Since IE8 doesn’t support border radius by default, you will have to live without the round testimonial image or install a third party script to make it work. I don’t think it’s worth the effort. Try to use this to fix the height:

.avia-testimonial-image img {
height: 80px;
min-height: 80px;
width: inherit;
max-width: 100%;
}

Best regards,
Ismael

Hi!

Again, IE8 does not support border radius and css animation. You will have to hire a freelance developer to make it work on IE8, by creating jquery scripts or adding a third party plugin. There are lots of premium themes out there but you will have a hard time finding one that supports IE8 or one that actually works with it. If you want to hide the image hotspot on ie8, use this:

.avia-msie-8 .av-hotspot-image-container {
display: none;
}

Best regards,
Ismael