Hi,
I’m trying to replace the main navigation-bar with Max Mega Menu. I already installed the child theme as of this thread: https://siteorigin.com/thread/mega-menu-2/
All works as expected, except for the third level items displayed in Mega Menu mode. When the page is loaded and I hover over the 1st level item, the Mega Menu is displayed with all 2nd and 3rd level items visible
<ul class="mega-sub-menu">. But when I hover over a 2nd or 3rd level item and the pointer leaves this area, the whole 3rd level sub-tree is set to
<ul class="mega-sub-menu" style="display: none; opacity: 0">and disappears. If I hover again over the 2nd level item, the 3erd level subtree changes to
<ul class="mega-sub-menu" style="display: block; opacity: 1">, as long as the pointer stays there.
I investigated a lot and it seems to be a Vantage issue, because when I set the Vantage Masthead Menu to “empty” in Customizer -> Layout and hard code the Max Mega Menu to header.php, the 3rd level items are not hidden.
But doing it this way, it spoils the header are (logo, search, width, etc.), so I would prefer to just only remove the menu handling from Vantage. I disabled already “display: none;” in line 934 of Vantage’s style.css, but this is the wrong one.
If you please can point me to the right direction… Thank you!
Another idea ist to add the Max Mega Menu to header.php through add_filter(), but I have no clue how to do this – on php I’m just a copy/past victim.
Update:
As I digged a bit deeper in the Vantage php-files, I found that the current version is already prepared for Max Mega Menus. I deleted the above mentioned child theme, all is working as expected now.
Thank you for this great theme and the Page Builder-plugin.