Hi,
I have a problem with my Drop-Down Menu. It shows up the first time I hover over it - but then it won't show-up again?
I'm not sure what could be causing this? Any Ideas?
http://my-wp.com/passiveprofit/
Thanks!
Hi,
I have a problem with my Drop-Down Menu. It shows up the first time I hover over it - but then it won't show-up again?
I'm not sure what could be causing this? Any Ideas?
http://my-wp.com/passiveprofit/
Thanks!
ok - I've pinpointed the problem, but it's still not fixed. It's in the jQuery script for the theme.
Here is the excerpt for the drop down:
function wpbx_mainmenu(){
if(!jQuery.browser.msie){// IE - 2nd level Fix
jQuery(" #nav ul ").css({opacity:"0.95"});
}
jQuery("#nav a").removeAttr('title');
jQuery(" #nav > li > ul").css({display: "none"}); // Opera Fix
jQuery(" #nav > li > ul").parent().find("a:first").append("<span class='sub_list'> </span>");
jQuery(" #nav ul li > ul").parent().find("a:first").append("<span class='sub_sub_list'> </span>");
jQuery(" #nav li").hover(function(){
jQuery(this).find('ul:first:hidden').css({visibility: "visible",display: "none"}).show(400);
},function(){
jQuery(this).find('ul:first').css({visibility: "none",display: "none"});
});
}
I added the display: "none" to the last line - now it works in firefox, but not in IE8? It also is temperamental in firefox - if you mouseover too fast the drop-down will remain?
Any ideas on a fix? I've never used jQuery before?
Thanks!
http://restorationgateway.org/test2/ - example
if I also change the visibility to visible in the last line - it will now work in IE8 - but it still will linger if I move the mouse too fast?
Does this have something to do with the 400?
Also IE does not show the opacity?
Any help?
my mind could be playing tricks on me but it appears more efficient if I make the 400 a 100? but there are still times that the drop-down will remain even if my pointer is no where near the block?
Ok - I finally figured it out!
I changed the first display from "none" to "block" and that fixed the problem!
Thanks for the help! ;)
You're a lifesaver Memitch08! Thank you so much for posting your fix. Awesome troubleshooting!
I am experiencing the same issues however it's with a different theme. Our theme is Creativix.
href="http://www.elitetechsinc.com">
is our website.
For our drop down, it will disappear as soon as you highlight of the menu. This only happens in firefox and google chrome, and it only happens on the index page. IE works fine
Some help would be greatly appreciated.
Here is the code from our menu.js
`jQuery.noConflict();
jQuery(document).ready(function()
{
nav_menu();
});
function nav_menu()
{
jQuery("#navbar a").removeAttr('title');
jQuery("#navbar ul").css({display: "none"}); // Opera Fix
jQuery(" #navbar li").hover(function()
{
jQuery(this).find('ul:first').css({visibility: "visible",display: "block"}).slideDown(300,"easeInOutQuart");
}
,function()
{
jQuery(this).find('ul:first').css({visibility: "hidden"});
});
}
Try changing this line:
jQuery("#navbar ul").css({display: "none"}); // Opera Fix
To
jQuery("#navbar ul").css({display: "block"}); // Opera Fix