[Resolved] Mega Menu not displaying in Sticky Menu

[antware]

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.

[Tom]

What version of GP/GP Premium are you using? Can you try updating to the latest?

[antware]

Hi Tom, thank you it seemed an outdated version of GP Premium was the issue. All sorted now.

[Tom]

Awesome 🙂

[Author]

Posts