Problem with a theme

[xx1]

whistlestopcafeii.freeforums.net/board/52/curious

I have a problem with just one of my themes. It's called 'Blue Christmas'.

The 2nd line down from the top says: Whistle Stop Cafe II, General, Curious About Anything

If you hover your mouse over either of the first two, a drop down menu appears. All good so far.

But when you move your mouse down into the drop down menu to make a selection, the menu disappears.

This is not happening to any of my other themes. I've tried to find where the problem lies without success.

Can anyone point me in the right direction?

P.S. I've just checked it again, and now the odd time the problem disappears, but will occur again.

[Former Member]

Try checking the Advanced Styles & CSS It may be a scrolling color that makes it disappear.

[David Clark]

Hey xx1,

The problem on this one was that you had a hover effect on the nav tree that was making the text smaller on mouseover, effectively bumping it off of the element and making the browser think you're no longer trying to access the menu. I fixed it by making a slight edit to your style sheet, pasting the blue part over the green:

(lines 295 through 298:)

#nav-tree > li a { font: @nav_tree_font; color: @nav_tree_color; text-decoration: @nav_tree_decoration; display: block; padding: 4px 10px 4px 15px; margin: 0 1px 0 5px; }
#nav-tree > li:hover, #nav-tree .ui-menu li:hover { color: @nav_tree_hover_color; background-color: @nav_tree_hover_background_color; }
#nav-tree > li:hover > div > a { font: @nav_tree_font; color: @nav_tree_hover_color; text-decoration: @nav_tree_hover_decoration; }
#nav-tree .ui-menu li:hover > a { font: @nav_tree_font; color: @nav_tree_hover_color; text-decoration: @nav_tree_hover_decoration; }

Prior to my edit the green declarations used the variable @nav_tree_hover_font;. Should you need to set it back, just edit the highlighted bits above.

[xx1]

Many thanks, David. I'm saving your response in case this problem should reoccur with other new themes that I may install.