I installed version 1.9, uploaded the Superfish code to sites/all/libraries/superfish, added the Easing plugin to sites/all/libraries/easing, and then activated my main menu block. I noticed that initially there were no styles applied and that the child items were all automatically expanded. I wasn't particularly concerned with the style issue since I was going to apply my own styles, which I did -- however, the permanently expanded child items were a problem. So I added the following CSS:
#block-superfish-1 ul li ul {
display:none;
}That hid the sub-menu items and they then display when moused-over -- but the problem is that they don't hide on mouseout. So I did some backtracking to try and simplify things but that's when I noticed that I have no options aside from "None" in the Superfish Settings/Style drop-down. I have no idea if these issues are related or not and I could really do without the styles if only the mouseout issue could be resolved.
You can see this in action at http://www.tentenstudios.com/clients/1010/services, for example. Here's my relevant CSS:
#block-superfish-1 {
margin-top:3.8em;
}
#block-superfish-1 ul li {
float:left;
font-family:"FuturaLT", sans-serif;
color:#eeeeee;
text-transform:uppercase;
font-size:1.1em;
margin:0;
padding:1em 0;
height:auto;
background:none;
border:none;
}
#block-superfish-1 ul li.leaf {
list-style-image:none;
list-style-type:none;
}
#block-superfish-1 ul li a {
color:#cccccc;
padding:1em 1.68182em;
background-image:url('/clients/1010/sites/all/themes/tenten/images/menu_divider.png');
background-repeat:no-repeat;
background-position:left center;
}
#block-superfish-1 ul li a:hover {
color:#ff002c;
text-decoration:none;
}
#block-superfish-1 ul li.last {
background-image:url('/clients/1010/sites/all/themes/tenten/images/menu_divider.png');
background-repeat:no-repeat;
background-position:right center;
}
#block-superfish-1 ul li ul {
display:none;
}
#block-superfish-1 ul li ul li {
font-family:"Verdana", Helvetica, sans-serif;
font-size:0.8em;
}As for the block options, these are the only ones that I've messed around with, all others are default:
Menu type: Horizontal
Style: none (obviously)
Path levels: 1 (tried 0, same problem)
Slide-in effect: none (tried default, same problem)
Auto-arrows: unchecked
SF Touchscreen: enabled on window width
Supersubs: enabled, set to 0/0 (default broke layout by pushing later menu items off the line)
Thanks for any help you can provide -- if there's any more information about my setup that you need, please let me know.
Comments
Comment #1
Saoirse1916 commentedComment #2
mehrpadin commentedHey there,
Sorry for the late reply! getting a 404 on that URL, please put it back online somewhere and let me know.
Comment #3
mehrpadin commentedComment #4
Saoirse1916 commentedSorry, had to launch the site so I just removed the additional menu items. I might come back to it and see if I'm still having the same problem at some point, I'll update if so.
Comment #5
lobsterr commented