Possible Bug – No JS – Hover 3rd Level Menu

Hi

I have been testing identical WP websites, based on bootstrap 3.3.7, on a testing server and a non-published web version on Chrome for Mac. On testing the site with no JS the 3rd Level menu in the web version only displays the 3rd level menu on hover whilst the testing server displays as normal.

After a little debugging I found that the web version was using the opacity set in line 97

#mega-menu-wrap-header-menu #mega-menu-header-menu[data-effect="fade"] li.mega-menu-item > ul.mega-sub-menu {
  opacity: 0;
  transition-duration: 600ms;
  transition-timing-function: ease-in;
  transition-property: opacity;
}

and the working dev version was using the opacity set in line 93

#mega-menu-wrap-header-menu #mega-menu-header-menu li.mega-menu-item > ul.mega-sub-menu {
    display: block;
    visibility: hidden;
    opacity: 1;
}

A a temporary fix I added the following to my stylesheet

.mega-no-js li ul li ul{

   opacity: 1 !important;

}

I’m not overly worried but just wondered if anyone else has encountered this issue with JS enabled or not. Fab plugin BTW, worthy of 5 stars!