Superfish v1.7.9 – jQuery menu plugin by Joel Birch

Frequently Asked Questions

Need help? Check out the Support options available to you.
Which versions of jQuery is the Superfish plugin compatible with?
The Superfish plugin is compatible with jQuery v1.7 and later.
Does the Superfish plugin have any dependencies on other plugins?
What about touch device support?
Superfish has robust support for all Android browsers, iOS browsers and IE10 on touch devices. Be aware that you need to include hoverIntent to support IE10 and certain Android browsers (although this may change).
Does the Superfish plugin work with any other plugins?
Yes – here are a few useful plugins that you may wish to add to your menu:
  1. HoverIntent. The nicest thing you can do for your menu is include Brian Cherne’s hoverIntent plugin in your page and Superfish will automatically use it to make the user interaction more pleasing. Important note: As of v1.5.1 you must use the newly updated r7 version of hoverIntent which supports event delegation.
  2. Supersubs. If you want the submenu widths to change to suit their contents, simply start with the CSS that comes with v1.6.0 or up. Or, you can add the Supersubs plugin as shown in the example of the same name on this site.
How can I make the menu look better?
The demo style is very basic by design – you should use it as a base to build upon and skin it to suit your project. I strongly recommend testing in the earliest version of Internet Explorer you dare support in addition to modern browsers at every step of the way so that when IE bugs occur you can tell which CSS rules trigger them and work around them before moving on.
What if something goes wrong?
Please do not use GitHub issues to get help with your menu implementation. The cause of 99.9% of all Superfish problems are basic CSS issues. Disable JavaScript and concentrate on getting the menu working in pure CSS. If you are not a CSS expert then I advise that you follow the method described in the previous question’s answer, ie. begin with the demo CSS file and make small incremental changes, checking in a variety of browsers at every step.
Superfish menus not working when logged into WordPress?
The admin bar in WordPress prior to v3.6 uses an older version of HoverIntent which doesn't support event delegation. Follow this link for an easy solution.
In Internet Explorer the submenus appear underneath main content div. Why? How do I solve it?
This very common issue is thanks to the IE Z-index Bug and the solution does not involve adjusting any of the Superfish code, but rather, you need to apply certain CSS to some of your main site structure elements (usually the header div and the main content div). Please follow this link to an article that clearly explains the IE z-index bug fix for Superfish.
What if I still need help?
Check out the Support options available to you.
Can I count on Superfish being supported into the future?
Yes, it’s here for the long haul – or at least as long as it’s relevant. I will also be adding further features in the form of modular optional add-on plugins.
Have you made any other plugins?
Why yes, I’m thrilled that you asked. Check out my WordPress plugin “NoFollowr” for making judicious application of nofollow attributes a breeze. It is also powered by the mighty jQuery.
Comet Cacheā„¢
Fork me on GitHub