Hi Steve,

This is by no means a newbie question, and even if it was you would
still be more than welcome to ask it.

I had a bit of an experiment and what you are attempting can be
achieved fairly simply. Just add a class 'useSF' to the body element
for pages that you want to use Superfish hovers for (your home page),
then add that class to specific hover selectors in the css file. You
can see exactly which ones by looking at the file I applied this to
here:
http://users.tpg.com.au/j_birch/plugins/superfish/all-horizontal-example/allow-static.css
I based it on the all-horizontal demo and have since realised that you
have three levels of menu so you will need to add .useSF in two more
places for that. You might be able to figure that out, otherwise let
me know and I'll dig into your css and give you more accurate help.

The last step is to change the code that you use to initialise
Superfish so that it only runs on pages whose body element has the
class useSF. For example:

$(document).ready(function(){
        $("body.useSF ul.nav")
        .superfish({
                pathClass : 'current',
                animation : {opacity:'show'},
                delay : 1000
        });
});

Let me know if you have any problems. Good luck. Cool looking site, by the way!

Joel Birch.

Reply via email to