I am having a problem on my site: theboldedge.com that the submenus are not showing next to the parent menu item, it is stuck to the top…would you know what I would need to change in the theme.js file. here is the relevant code for the menu from there. // Menu // jQuery(’#theme-menu-main li’).each(function(index, element) { var item = jQuery(element); var itemPadding = parseFloat(item.css(‘padding-left’)); var itemMargin = parseFloat(item.css(‘margin-left’));

var subMenu = item.children('ul'); var isSubmenu = item.parent().hasClass('sub-menu'); });
var ANIMATE_SPEED = 100;
subMenu.hide();
// Add dropdown indicators // Menu root var imageWidth = 0; if (!isSubmenu && subMenu.length) { var image = jQuery(''); image.appendTo(item); imageWidth = 16;
// Submenus in submenus } else if (isSubmenu && subMenu.length) { var raquo = jQuery(' » '); raquo.appendTo(item.children('a')); }
// Hover functions item.hover(function() { //var top = item.position().top; //var left = item.position().left;
var top = item.css('top'); var left = item.position().left; if (isSubmenu) { top = -1 * (item.height()/3) ; left = item.outerWidth(true); } else { top += item.height(); left += itemPadding + itemMargin; }
subMenu.css('top', top); subMenu.css('left', left);
subMenu.stop(true, true).fadeIn(ANIMATE_SPEED * 3);
}, function() { subMenu.stop(true, true).fadeOut(ANIMATE_SPEED * 3); });