timheinrichs

You’re welcome! On other sites I think it will not be exactly the same, but maybe it’s an inspiration to add this function to you’re Plugin ??

And now much better for Mobile devices, if u don’t want to have a mobile menu. For me it’s a 3 level accordion with posts now ??

I put this function into my JS:

jQuery(function() {
    jQuery('.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu').click(function() {
        jQuery(this).toggleClass('active');
    });
});

And then just overwritten all CSS :hover commands of li.wpmm_mega_menu to normal state. Then I took the commands for the open state (formerly :hover) to the .active class, like this:

.wp-megamenu-wrap .wpmm-nav-wrap > ul > li > a {
  cursor: pointer;
}
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu:hover > ul.wp-megamenu-sub-menu,
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu:hover > .wpmm-strees-row-container > ul.wp-megamenu-sub-menu,
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu:hover > .wpmm-strees-row-and-content-container > ul.wp-megamenu-sub-menu,
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_dropdown_menu:hover > ul.wp-megamenu-sub-menu,
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu li.wpmm_dropdown_menu ul.wp-megamenu-sub-menu li.menu-item-has-children:hover > ul.wp-megamenu-sub-menu,
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu > ul.wp-megamenu-sub-menu > li.wpmm-row .wp-megamenu-sub-menu li.menu-item-has-children:hover > ul.wp-megamenu-sub-menu,
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu li.wpmm-type-widget .wp-megamenu-sub-menu li:hover .wp-megamenu-sub-menu {
  display: none;
  visibility: hidden;
}
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu.active > ul.wp-megamenu-sub-menu,
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu.active > .wpmm-strees-row-container > ul.wp-megamenu-sub-menu,
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu.active > .wpmm-strees-row-and-content-container > ul.wp-megamenu-sub-menu,
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_dropdown_menu.active > ul.wp-megamenu-sub-menu,
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu li.wpmm_dropdown_menu.active ul.wp-megamenu-sub-menu li.menu-item-has-children > ul.wp-megamenu-sub-menu,
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu > li.wpmm_mega_menu.active > ul.wp-megamenu-sub-menu > li.wpmm-row .wp-megamenu-sub-menu li.menu-item-has-children > ul.wp-megamenu-sub-menu,
.wp-megamenu-wrap .wpmm-nav-wrap > ul.wp-megamenu li.wpmm-type-widget.active .wp-megamenu-sub-menu li .wp-megamenu-sub-menu {
  animation-duration: 300ms;
  display: block;
  top: auto;
  opacity: 1;
  z-index: 1;
  visibility: visible;
}
.wp-megamenu-wrap .wpmm-nav-wrap > ul > li > a {
  pointer-events: none;
}

The only issue now is the curser:pointer; but it’s ok for me.

I just got it with some CSS ovverides and a small javascript click event. Working fine.

Hi,

I was wondering myself, too. Yeah I disabled all plugins and then activated one after one. When I activate TF Numbers I can’t add any pictures to a slideshow. Uploading to media-librarie works fine.

Best regards

• This reply was modified 7 years, 4 months ago by timheinrichs.
• This reply was modified 7 years, 4 months ago by timheinrichs.