Multi-level Navigation Plugin for WordPress
Published June 1st, 2008 under Plugins
This plugin is a replacement for the now defunct Suckerfish dropdown menu plugin for WordPress.
The plugin generates the code necessary to create a Son of Suckerfish horizontal dropdown, vertical flyout or horizontal slider menu. The plugin produces W3C valid HTML and CSS and only requires Javascript to function for very old browsers such as IE 6. The Javascript is held in an external file which is linked via IE conditional comments, so only the browsers which require it will download the file. You have control over what items (pages, categories, archives, blogroll etc.) appear in your dropdown via the plugins options page.
To style your menu, head over to the Multi-level Menu CSS Generator page. Simply copy and paste the CSS from the generator to the plugins options page.
Demo
Demo is available here … Multi-level Navigation Plugin demo
Download
The plugin is available for download here … Multi-level Navigation Plugin
Installation
Add the following code wherever you want the dropdown to appear in your theme (usually header.php) and activate the plugin in your admin panel.
This code adds a button for your home page and dropdowns for your Pages, Archives, Categories and Blogroll.
<?php if (function_exists('pixopoint_menu')) {pixopoint_menu();} ?>
Customisation
You can modify the look of your dropdown by using our new Multi-level Menu CSS Generator page. The generator has been designed with this plugin in mind, so just copy and paste the CSS code from the generator to the plugins options page.
If anyone out there would like a custom designed dropdown, then please get in touch with us via our contact page for pricing information.
Compatibility
The menus (CSS sourced from generator page) have been tested (and work correctly) in the following browsers:
Mozilla Firefox Version 3.0
Mozilla Firefox Version 2.0
Mozilla Firefox Version 1.5
Opera Version 9
Safari Version 3.0
Google Chrome
Internet Explorer Version 8 RC2
Internet Explorer Version 7.0
Internet Explorer Version 6.0 (with Javascript on)
Internet Explorer Version 5.5 (with Javascript on)
Internet Explorer Version 5.0 (with Javascript on)
Live Examples
There is a list of live examples in our forum … live examples
Credits
Thanks to Patrick Griffiths and Dan Webb for their article which we used as a model for the CSS used in this plugin. And thanks to Miriam Schwab for writing the blog post which motivated us to create it.
Support
For support, please visit the dropdown menus board in our support forum.
Telmo Bermeo says:
Does this plugin offer a contrain to only show a certain number of children from a parent that it has a lot of children? Please let me know.
October 18, 2012 at 1:14 am # //
Ryan Hellyer says:
I’m not sure what a “contrain” is.
October 21, 2012 at 10:13 pm # //
Jim says:
This menu is now broken in WordPress latest version? I have 2.3.3 and its disappeared completely…
December 10, 2012 at 3:28 pm # //
Ryan says:
I don’t think the plugin is at fault. I suspect something else has happened to your site to cause that.
December 10, 2012 at 3:38 pm # //
CHRCLMNKY says:
Hello Sir Ryan, just want to ask why the MLNP stops having the dynamic dropdown effect after upgrading to WP 3.5? Thanks.
December 12, 2012 at 11:44 am # //
Ryan says:
I’m not aware of any problems with the plugin.
December 12, 2012 at 11:49 am # //
Jan-E says:
The newest version of the plugin needs at least PHP 5.3. It is broken under PHP 5.2.
August 7, 2013 at 9:34 pm # //
Ryan says:
What happens when you use PHP 5.2?
August 7, 2013 at 9:39 pm # //
Daniel Dessinger says:
FYI, this is what the theme support specialist said:
“Contact the plugin authors and let them know your having trouble with the plugin and WordPress 3.5, most likely from the newer version of jQuery 3.5 is using.”
December 16, 2012 at 10:56 pm # //
Mindy says:
This plugin is not working on my most recent version of WordPress either. Any thoughts?
December 17, 2012 at 6:02 pm # //
Steve says:
The plugin is still broken when used on the new WordPress 3.5. Don’t update WordPress yet if you need this plugin to work.
January 6, 2013 at 4:45 am # //
Rob says:
Hi Ryan,
Thanks for this plug-in! It is great!
I am seeing an issue with the plug-in though. I used Firebug to see if I could figure out what the issue is. I am seeing the following: TypeError: jQuery(…).superfish is not a function.
It appears that superfish.js is not getting loaded. If I add a block with the superfish.js source referenced, it works fine.
This doesn’t actually break the menus, but it does keep subsequent javascript functions from executing in a jQuery (document).ready() block.
Is there any chance that this will be fixed?
Thanks!
January 22, 2013 at 3:16 am # //
Ryan says:
It should be working. I’ll see if I can figure out what is wrong tonight.
January 23, 2013 at 12:44 pm # //
Rob says:
Hi Ryan,
Did you have a chance to take a look? We’re still seeing the issue on our site. If you look at our home page, you will see the error (http://www.ulstercorps.org/). We’re using WP3.5. I think the issue arose after updating to 3.5.
Thanks!
February 3, 2013 at 1:14 pm # //
Ryan says:
I took a look but didn’t find anything wrong.
It seems that your site is not loading the superfish.js file, although when I install the plugin fresh it definitely does load, so I’m not sure what is causing that. I’ll try to get time to take a look for you later on. If I don’t respond back here, then I probably forgot so feel free to pester me about it.
February 3, 2013 at 1:30 pm # //
Rob says:
Hi Ryan,
We should have tried re-installing the plug-in right from the start. Since you indicated that it worked with a fresh install, we re-installed and everything is working now.
Thanks for looking into it!
February 4, 2013 at 11:49 am # //
Ryan Hellyer says:
I did indeed forget again!
You should never need to reinstall a plugin just to make it work, so there was clearly a bug afflicting you unfortunately. But glad to hear you got it working eventually.
February 4, 2013 at 12:14 pm # //
Celwin Frenzen says:
Hey,
I use this plugin for a client of mine. I just upgraded to WordPress 3.6 and now get this error:
Deprecated: Function ereg_replace() is deprecated in /wp-content/plugins/multi-level-navigation-plugin/legacy.php on line 124
When I change ereg_replace to preg_replace (as I should seeing ereg_replace is deprecated) I get this error:
Warning: preg_replace(): Unknown modifier ‘\’ in /wp-content/plugins/multi-level-navigation-plugin/legacy.php on line 124
I can’t seem to find the right modifier that’s causing the error though. Could you please take a look at this and fix it?
Thanks,
Celwin
August 7, 2013 at 9:35 am # //
Ryan Hellyer says:
Thanks for the detailed bug report. I’ll look into this and push out an update once I’ve found a solution for you.
August 7, 2013 at 10:43 am # //
Ryan says:
I’ve uploaded a new version of the plugin for you now.
August 7, 2013 at 9:11 pm # //
Celwin Frenzen says:
Thanks for the quick response and fix Ryan! Will download later today and let you know if it solved the problem (which I think it does).
August 8, 2013 at 6:43 am # //
Ray says:
I have the menu set up, but am having some minor issues:
1. the dropdown choices disappear very quickly and appear to be hidden behind other text on the screen.
2. the red menu bar is slightly wider than the rest of the content.
3. the search box has been displaced…how do I get it lined up with the menu bar as opposed to slightly higher?
Please check out the menu on my homepage and advise what I am missing and can do to get this fixed.. Thank you.
December 12, 2013 at 11:24 am # //
Ryan Hellyer says:
These are all CSS issues related to your theme. You will need to debug what is clashing between your themes CSS and the plugins CSS.
December 12, 2013 at 11:26 am # //