Dropdown Hover Venture Theme

20 0 2


Back again for a different dropdown issue
I swapped to Venture Theme to utilise their mega menu but am having issues with the dropdown on hover.

Here's a preview link: https://isov947ezw9ixmb3-49365713058.shopifypreview.com

Password is: fraclu

I used this code from a previous solution:



.site-header .site-nav__item:hover .meganav {
    opacity: 1;
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: all 0.8s cubic-bezier(0.075, 0.82, 0.165, 1),opacity 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
    z-index: 666;
    visibility: visible;



Which works, however, it seems to display whenever I am hovering over any are that is within the mega menu dropdown section even though it isn't displaying.

Any advice here?
Thank you again!