I’m having an issue with a WordPress theme project I’m working on (the theme is based on the Roots Theme for WordPress).
I’m having trouble controlling the font color of the main navigation sub-menus: but only in IE8. The font appears to be the same color as the background for the submenu, making it invisible to the user. Oddly, this issue only happens in IE8, and doesn’t happen in chrome, firefox, IE7 or IE9.
The site is http://precisionmfgmn.com, to see the error try hovering over the “companies” link on the main navigation.
Here are some details that may be relevant:
I am using cufon font replacement.
Any ideas?
It looks like cufon is using canvas with IE8 and not IE7. IE8 doesn’t seem to support it but IE9 does. Here is 2 possible solutions :
– modify the source code of the module, if the browser is IE8 then it should not use canvas
– force the IE7 compatibility view, you can do that by adding
in your template file
The first solution is probably the best but the second is easier.