I'm using the Jaded theme on my current project (though I used the Burnt Rubber theme on a previous project and had the same problem - these themes are set up very similarly). The theme includes a flyout list of submenu items that appears when the user hovers over an item in the Navigation bar.
However, the flyout ONLY appears if the user is already on the page specified by the Navigation button. For example:
Two of the links in my Navigation menu are Service and Sales. Under Sales there is a subpage called Test Page. When I'm on the Sales page, a flyout menu appears under the Sales button showing the Test Page menu item. But when I'm on the Service (or any other) page, the flyout doesn't appear when I mouse over Sales. It just shows the button.
I've been back and forth through the CSS playing with the visibility attributes and I'm getting very frustrated...if anyone can help me, thanks a bunch!
Comments
Fix that worked for me...
I to decided to use the burnt rubber theme and ran into the exact same issue... I thought at first it might be the fact that I was using views, but upon inspection of the html source, I noticed that all pages except for the target page, had a "li" css class of "start-collapsed" for my target link link where-as on the target page, it didn't have that for the target link. I started thinking about the things that might cause a "start-collapsed" class and realized that I also had DHTML Menu installed which has a setting to force a root menu to start collapsed. Instead of disabling DHTML Menu, I went into the settings for DHTML Menu and put the check for primary-links under the Menus without DHTML: area which fixed my problem!!