Implementation

Note: the following does not apply if you are using our Multi-level Navigation Plugin.
The CSS above will work on any unordered list with an ID of #suckerfishnav, ie:

<ul id="suckerfishnav">
<li><a href="">Tomato</a></li>
<li><a href="">Capsicum</a></li>
<li><a href="">Cucumber</a></li>
</ul>

Due to the inadequacies of older versions of Internet Explorer, it is advisable to download and integrate the “Suckerfish Javascript for Internet Explorer” code with your site. If you want your visitors to be able to access your menu with their keyboard, download the “Suckerfish Javascript for keyboard accessibility” code and include it too. Here’s is an example of the code used to include these two files into your web pages:

<script type="text/javascript" src="suckerfish_keyboard.js"></script>
<!--[if lte IE 6]>
<script type=”text/javascript” src=”suckerfish_ie.js”></script>
<![endif]–>

WordPress Plugin

We have released a new version of our Multi-level Navigation plugin with an option in the admin panel to enter the CSS from this page to generate a menu with the same style as on this page within your WordPress site.

Support

If you have any questions, suggestions or problems, please leave a message in our multi-level navigation support board.