[Plugin: Menu Master Custom Widget] does not work in Internet Explorer

True, it works in firefox and chrome, but not the most used ones : ie8/ie9 and surely ie10. And honnestly that’s a big problem, yes it sucks.

Because in the plugin, some td/tr styles are not compatibles with any kind versions of ie. And why does the dev used old fashionned table and cells in a sidebar plugin ??? I don’t know i’ve never seen this before.

As a solution you can hack the div background displayed in the widget css, and at least you will be abble to display one image for the ie users.

I can’t believe this. I just spent a few hours making very beautiful pages and menus with this super plugin to learn now that it does not work in IE???

Can someone please give some clear instructions on how to make it work in IE? It would be very appreciated, I am sure, by many users.

I wish the developer could give us an idea what to do to fix this… I mean most people still use IE…

Useless in Firefox 3.6.26 / Opera 11.10 / Safari 4.1.3
Please make the warning under “features”.
I’ll have to uninstall the plug-in ??

it is a problem in the plugin coding.

in lib.php, all the “init” actions should be hooked to the the wordpress init event instead just lying there.

Thanks eddr!

Could you expand a bit? How do we hook it to the wp init? most of us could use your expertise to fix the issue.

This is my hack for the IE problem:
I added a bg image to the div so even IE didn’t render the photo, since a placeholder was added, this menu will not be blank.

.c.smm-img.smm-img1.smm-1.smm-layout1.smm-jq {
  background: url(../wp-content/uploads/2013/01/thumbnail.jpg) center no-repeat;
  height: 100px;
  width: 100px;
}

If you’re using this menu with sublinks, here’s what I did:
I set the ‘text’ to OVER IMAGE then I added these lines to style.css

#smm-overimage {
  opacity: 0;
  transition: opacity 0.1s linear;
  -moz-transition: opacity 0.1s linear; /* Firefox 4 */
  -webkit-transition: opacity 0.1s linear; /* Safari and Chrome */
  -o-transition: opacity 0.1s linear; /* Opera */
  height: 100px; /*same height with the placeholder above*/
}

#smm-overimage:hover {
  background: rgba(255, 255, 255, 0.9);
  opacity: 1;
}

Hope this will help.