jQuery MegaMenu and UI Tabs

I am working on this site here: http://gvc.commercegeneration.com:85/ and I am using two plugins for the top navigation:

MegaMenu - Dropdown - http://www.geektantra.com/2010/05/jquery-megamenu-2/ UI Tabs - http://docs.jquery.com/UI/Tabs

The issue is when you select a nav item the dropdown does not appear under the item you hovered over, but shows to the far right or left of the item. I have tried messing with the JS file but cant seem to get something that works.

It generates the left/top on the fly, so you can alter via CSS. I tried working with this line 51 - http://gvc.commercegeneration.com:85//JS/mega-orig.js

    mm_item_content_obj.css({
      'top': ($mm_item_link.offset().top + $mm_item_link.outerHeight()) - 10 +"px",
      'left': ($mm_item_link.offset().left) - 10 + 'px'
    })

any ideas on what I can do to fix that?

Thanks!

Ryan

ansaurus

tags:

views:

answers:

jQuery MegaMenu and UI Tabs

related questions