Mega Menu not displaying in Sticky Menu

Hi Tom

Been discussing this issue with you on your Facebook page, and you requested I get hold of you on the Support Forum.

I used the provided CSS and the Mega Menu works great on the Primary Menu, but the minute you scroll up and try and activate or access the mega menu on the Sticky Menu, there is no drop down.

This is the CSS you suggested I use:

nav .main-nav .mega-menu {
position: static;
}

nav .main-nav .mega-menu > ul {
position: absolute;
width: 100%;
}

nav .main-nav .mega-menu > ul > li > a {
font-weight: bold;
}

nav .main-nav .mega-menu>ul>li {
display: inline-block;
width: 25%;
vertical-align: top;
}

nav .main-nav .mega-menu.mega-menu-col-2>ul>li {
width: 50%;
}

nav .main-nav .mega-menu.mega-menu-col-3>ul>li {
width: 33.3333%;
}

nav .main-nav .mega-menu.mega-menu-col-5>ul>li {
width: 20%;
}

nav .main-nav .mega-menu > ul > li > a:hover,
nav .main-nav .mega-menu > ul > li > a:focus,
nav .main-nav .mega-menu > ul > li[class*="current-"] > a {
background-color: transparent !important;
}

nav .main-nav .mega-menu ul .sub-menu {
position: static;
display: block !important;
opacity: 1 !important;
width: 100%;
box-shadow: 0 0 0;
}

nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
display: none;
}

I'm utilising it on a dev site at the moment, so excuse the ugliness - http://www.warcom.co.za/dev/

Look forward to your solution.