Hi,
I’m having some trouble with a WordPress theme that uses FlexSlider. As you can see in the demo below, it is not displaying correctly in IE 7 or 8.
http://www.mvpthemes.com/resportsive/
In my installation of the theme on a test location, I was able to get the titles to display after adding the code below, but couldn’t get the images to appear (screenshot: http://www.duoparadigms.com/IE_bug_screenshot.png) and the logo also disappeared.
This is the code that I’ve added in so far into the header:
<!--[if IE 6]>
<style>
.flex-caption {
min-height:333px;}
.flexslider .slides img {
width: 100%;
height: 332px;
}
</style>
<![endif]-->
<!--[if IE 7]>
<style>
.flex-caption {
min-height:333px;}
.flexslider .slides img {
width: 100%;
height: 332px;
}
</style>
<![endif]-->
<!--[if IE 8]>
<style>
.flex-caption {
min-height:333px;}
.flexslider .slides img {
width: 100%;
height: 332px;
}
</style>
<![endif]-->
FYI, I don’t know if the height tags are correct, but I copied that fix from another discussion about this same slider.
If anyone has any tips or suggestions, I would be most grateful! Let me know if you need me to link to any particular code files as well.
Thanks so much!