I'm really excited to use this bu the arrows aren't displaying on my menu. Here's the code I've got in the <head>...
<link rel="stylesheet" type="text/css" media="screen" href="superfish/ css/superfish.css" /> <script type="text/javascript" src="superfish/hoverIntent.js"></ script> <script type="text/javascript" src="superfish/superfish.js"></script> <script type="text/javascript" src="superfish/supersubs.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("ul.sf-menu").supersubs({ minWidth: 12, maxWidth: 27, extraWidth: 1, autoArrows: true, }).superfish(); }); </script> Here's what I've got in the body... <div id="menu"> <ul class="sf-menu"> <li class="current"> <a href="http://localhost:8888/claykirkland/">home</a> </li> <li> <a href="http://localhost:8888/claykirkland/bio/">bio</a> <ul> <li><a href="#">musical</a></li> <li><a href="#">personal</a></li> </ul> </li> <li class="current"> <a href="http://localhost:8888/claykirkland/events/">events</a> </li> <li class="current"> <a href="http://localhost:8888/claykirkland/music/">music</a> </li> <li class="current"> <a href="http://localhost:8888/claykirkland/photos/">photos</a> </li> <li> <a href="http://localhost:8888/claykirkland/bio/">shop</a> <ul> <li><a href="#">checkout</a></li> <li><a href="#">menu item</a></li> </ul> </li> </ul> </div> In the css I show that the images at... http://localhost:8888/claykirkland/superfish/images/ I'm building this using MAMP and Wordpress on my computer. I don't get it. Everything else works great. Help!