getting a mega menu item(li) to drop down to show on home page

Hi I am using mega menu on a wordpress site.
I'd like to have the first menu item display it's drop down contents on the home page and also for the the hover state to be active.

What I need to do is switch the classes on the menu item 245 to it's hover state and to load the nested ul into the subcontainer div. The nested ul and li's of the submenus don't seem to load until the top level item is clicked but I could be wrong. Thats how it looks in firebug anyway.

here is the default state:

<li id="menu-item-245" class="safety menu-item menu-item-type-taxonomy menu-item-object-category menu-item-245">

</li>

here is the hover state:

<li id="menu-item-245" class="safety menu-item menu-item-type-taxonomy menu-item-object-category menu-item-245 mega-hover">

<a class="dc-mega" href="http://cybersafetyadvice.com/?cat=4">

<div class="sub-container non-mega" style="left: 0px; top: 40px; z-index: 1000;">

</li>.......

 $(document).ready(function() { $('ul.menu li.fullwidth:first div.dropdown_fullwidth').css('left','0px'); });
I could do it with css and a body class on the home page but that would be too much of a hack.


I don't have any jquery experience so I'm being a bit cheeky asking for help. 

here is the site I'm working on:
http://cybersafetyadvice.com/

here is a site with an example of what I'm trying to do:

http://www.simplyzesty.com/

thanks for reading

Topic Participants
info

getting a mega menu item(li) to drop down to show on home page

getting a mega menu item(li) to drop down to show on home page

Topic Participants

info