jQuery Forum

no way to know without seeing the issue , your html and  css

Oops, sorry: http://www.redrhinoflooring.com/

use pathClass option and apply same class to "current" menu items on page

In the .js file:

1. sf.defaults = {
           pathClass    : 'current'
2.       }

In the php file:

1. <script>
       $(document).ready(function(){
           $("ul.sf-menu").superfish({
               pathClass:  'current'
           });
       });
   </script>
   

Is this what you mean?

It has no effect...

does something need to change in css?

you need to use that class in your html, look at demos in a DOM inspector/ browser console for example

demos in a DOM inspector/ browser console

I can't find this demo... the one here was only part helpful... Superfish Examples

Could you give me a link to a demo?

that is the link

As stated you need to ensure that you configure your HTML and JS as per the example of the navbar (from the link above).

To me looks like you need to do a few things for this:

1. Ensure that the ul for your menu has a CSS class of "sf-menu sf-navbar"

2. For each page, you need to set the "current" css class on the <li> elements, depending which HTML page you are on. It needs to know which menu to display as the current menu for that page.

3. Set your JS script to match the pathclass like in the example:

// initialise Superfish 
<script> 
 
    $(document).ready(function(){ 
        $("ul.sf-menu").superfish({ 
            pathClass:  'current' 
        }); 
    }); 
 
</script>

4. Ensure the relevant CSS and JS files are referenced, again as per the example:

//link to the CSS files for this menu type 
<link rel="stylesheet" media="screen" href="superfish.css" /> 
<link rel="stylesheet" media="screen" href="superfish-navbar.css" /> 
 
// link to the JavaScript files (hoverIntent is optional) 
<script src="hoverIntent.js"></script> 
<script src="superfish.js"></script>

There isn't much here that the example leaves to the imagination to be honest :)