Hello,
Could you suggest a browser targeted CSS fix like display:none; that I could apply to all the Entypo icon font icons from Enfold since they won’t display properly—or at all—in IE8 (actually Internet Explorer 8 and below)?
Any leads would be very much appreciated!
Cheers
Seth
P.S. Excellent work on the forum upgrade!
Hi Seth,
The icons do actually work as far as I know in IE8. Anything below that isn’t supported but myself and the other support crew have tested the theme in IE8 and the icons have worked in native IE8.
Regards,
Devin
Devin,
Thanks for the speedy reply!
Please see the below screen shot where the icons are not loading properly in IE8.
Then compare to the following link in a webkit enabled browser: http://sandbox-3.sethbutler.com/prototype
You’ll see that the search icon in the upper right hand corner is failing. Also, the icons in the three column layout below the slider are loading incorrectly or failing to load at all. The left two icons (START A TEAM & APPLY FOR A MENTOR) are loading the incorrect icons, and the third column (REGISTER) is failing altogether.
Any suggestions with a solution to make them go away would be very helpful (for IE8 and below) would be much appreciated.
Warmest Regards
Seth
Hi!
You can use conditional tags to hide the icon font for older IEs. Insert following code in header.php before the closing head tag (</head>).
<!--[if lt IE 9]>
<style>
.avia-font-entypo-fontello{ display: none !important; }
</style>
<![endif]-->
Regards,
Peter