Tagged: drop-down menu pointer
June 13, 2012 at 3:05 am #13233
The small triangle that is used as a “pointer” on top of the drop-down menus does not show in IE. I’m using IE9.
Purchased the theme for a client that requires compatibility with IE. Any suggestions? Thank you!June 13, 2012 at 6:15 am #78373
Not sure what is causing this. I will tag the rest of the support theme.
IsmaelJune 13, 2012 at 12:06 pm #78374June 13, 2012 at 7:17 pm #78375
I’m not sure if it is supposed to be compatible with IE or not. The demo doesn’t appear to have the pointer animation either so I suspect it just degrades gracefully for IE instead of having that one specific thing having additional coding for IE.
I’ll have to double with Kriesi however to make sure.
DevinJune 13, 2012 at 8:13 pm #78376
Just a quick update, the pointer uses css3 transform property so it will only work in browsers that support that (so no IE).
DevinJune 14, 2012 at 10:10 am #78377June 14, 2012 at 3:57 pm #78378
Yes, thank you for the quick response. Since my client requires IE compatibility and the theme clearly advertises compatibility with IE, I’m hoping I can get the theme to degrade a little cleaner. Is there anyway to have the “pointer” triangle simply show above the drop-down menu as it fades in? It doesn’t have to animate left to right. Any guidance would be appreciated! Thank you!June 14, 2012 at 4:42 pm #78379
IE compatibility isn’t always going to give you exact duplication. In this instance, IE simply doesn’t have the ability to render the effect and so it would require adding a secondary system which would then need to have fallbacks for earlier versions of IE again (transparency on the image etc).
I’ll send the request to Kriesi to add something else for IE, but it would be more of a feature and not a fix. If you wanted to add the effect in yourself, you could hardcode it with a bit of a hack using “<!–[if IE]>” in the header.php and adding some css for the class
which wordpress uses to identify what page you are currently on.
A quick reference on using IE only css: http://css-tricks.com/how-to-create-an-ie-only-stylesheet/
DevinJune 14, 2012 at 5:12 pm #78380
Thank you, Devin. I do understand. I will attempt the hack. I’m assuming that I will need to deal with the current_page_item class as well as the hover state for the menu items. I’ll dig into the css and see what I find. Thanks again!June 18, 2012 at 6:27 am #78381
The topic ‘Animated "pointer" on top of drop-down menu does not show in IE’ is closed to new replies.