Site icon Catch Themes

How to change look of TinyNav current item?

I need to change the look of the text of current item in TinyNav. This is not possible with css because the only identifier the current item has is: selected="selected" I have looked at the TinyNav website and other forums and found the following code that is suppose to add "class='active'" to this item:
$("#tinynav1").tinyNav({
  active: 'selected', // String: Set the "active" class
  header: 'Navigation', // String: Specify text for "header" and show header instead of the active item
  label: '' // String: Sets the <label> text for the <select> (if not set, no label will be added)
});
I've tried adding the above code via enqueue script in functions.php and changing the "$" to "jQuery" but it's not working. I suspect the code is needed inside the TinyNav javascript to work and I don't want to mess with core files. Do you have any suggestion on how to style the current item?
Exit mobile version