From what I can tell, the new awemenu and structure of CSS altogether breaks existing menus during module upgrade.
I have tried multiple times to upgrade and it just does not work.
Now, when I go to make changes to the Design aspect in Admin, it overwrites anything that I changed in megamenu-custom-xx.css with incorrect values (eg. hover and active color definition in CSS).
Please respond with your suggestions in how to move forward.
Thank you,
/jtk
Hi,
With new version of mega menu, there are some changes in HTML structure and js frontend so we often recommend customer rewrite custom style. You also could send us your site url, admin account and FTP account by private comment so we can check and find a solution for you.
Hi,
Please give us your site url, admin account and FTP account by private comment
I made changes to Style 3 entirely, but when I go to update anything on the menu, admin overwrites different values incorrectly.
For example, the hover color and base menu item color are set to the the same CSS values in the default/files custom css file.
So, if i change megamenu-7-custom.css to the folowing:
--------------------------------
#md-megamenu-7.md-horizontal-menu,
#md-megamenu-7.md-vertical-menu ul.awemenu {
background-color: #171c57;
font-weight: 400;
}
#md-megamenu-7 .awemenu-submenu {
background-color: #CAD3E9;
font-size: 12px;
color: #46499a;
}
#md-megamenu-7 li.awemenu-item > a,
#md-megamenu-7 li.awemenu-item > a:link {
background-color: #171c57;
color: #ffffff;
font-weight: 400;
}
#md-megamenu-7 li.awemenu-item > a:hover {
background-color: #9D9EC7;
color: #000000;
font-weight: 500;
}
----------------------------------
And after making changes in admin, I save the menu from admin, the same file CSS becomes the following:
#md-megamenu-7.md-horizontal-menu,
#md-megamenu-7.md-vertical-menu ul.awemenu {
background-color: #171c57;
}
#md-megamenu-7 .awemenu-submenu {
background-color: #CAD3E9;
font-size: 13px;
color: #46499a;
}
#md-megamenu-7 li.awemenu-item > a,
#md-megamenu-7 li.awemenu-item > a:link,
#md-megamenu-7 li.awemenu-item > a:hover {
background-color: #505a85;
color: #ffffff;
}
--------------------------------
You can see from this that even though the hover, a and a:link are set to different colors in admin, they become part of the same CSS definition after saving in admin.
Thank you for your help in this matter.
/jtk
Because latest our Mega menu use different js plugin so HTML structure is changed. Please change/ edit your customíe menu following the latest version. We recommended other customers also and mega menu still works normally in their sites. Or you could rollback to version 1.17 to use your current custom style menu.
OK, I found the root of this issue. There is a typo in the code that writes to class container "md-horizontal-menu". On save, it writes it as "md-hozirontal-menu".
Because of this, the modifications for horizontal menus never are applied to the page correctly.
I am now trying to track down where this is happening.
/jtk
Found it...
$menu_classes[] = 'md-hozirontal-menu';
in
md_megamenu/templates/menu/theme.inc:
Hi,
Please check your email for the update of MD Megamenu