Mega menu bug

Hi,

For some reason, there’s an issue with the Elementor menu when it’s added to a mega menu, the menus get duplicated.
I figured out that the problem might be related to the mobile menu threshold. I tried clearing cookies, disabling plugins, clearing the cache, and anything else that could be related. If I open the HTML block normally, it works perfectly, but if the HTML block is opened via the mega menu, the menus get duplicated. And, if I set a mobile/tablet threshold, the second menu is shown as a menu icon instead, which is why I believe the issue is related to this setting. Pictures below

Also, how can I completely remove (make it transparent) the background from the full-width mega menu ? I checked the documentation, but it only shows options for black or white. I’d like something with no background at all, without having to add custom CSS (if possible).

I also added the logins to the website below, feel free to test anything needed related to fixing this issue, i have backups.

Thank you again for your great work and support.

Attachments:

You must be logged in to view attached files.

Ps : i also tried recreating the menu
Also : i am using this menu because i cannot use the same hover animation on the theme related one

Hi Evann .A,

Would you mind if I deactivate extra plugins for testing? Please confirm me back.

Best Regards,
Hung PD

yes, please do as you please

Hi, i also noticed that the mega menu doesn’t seem to get translated by TranslatePress, do you know why that could be the case ?

Hi Evann .A,

Can you try to deactivate TranslatePress plugin and double check?

Regards,
Hung PD

Hi, after deactivating translatepress the menu issue stayed the same

i am available anytime if i can help on your testing

Hi Evann .A,

I’ve passed this topic to one of our developers, and I will let you know once get an answers.

Thanks for your patience.

Best Regards,
Hung PD

thanks

[Evann .A]

Also, is it normal that my global elementor fonts/typographies and colors don’t work anymore ? and should i run a backup or wait for the developper ?

• This reply was modified 1 day, 23 hours ago by Evann .A.
• This reply was modified 1 day, 23 hours ago by Evann .A.

i have set the website in maintenance mod meanwhile.

Hi Evann .A,

Thanks for your patience.

This issue occurs due to the absence of WordPress Menu element styles, which are not loaded when your dropdown is rendered via AJAX. To resolve this, you need to disable the Load HTML dropdown with AJAX option https://monosnap.com/file/zvSV1YfSezqfKKaBCec4bFOoz40gzK for this dropdown, and everything should work correctly.

As for the dropdown background color, we are considering adding an option to change it in one of our future updates. At the moment, however, we can only provide you with custom CSS for that.

Also, regarding global colors and fonts, for proper compatibility with our theme you should configure them only through the Theme Settings in the Typography section.

Kind Regards,
Hung PD

Hi,

Yep it fixed it, i activated it when following the optimisation form, i didn’t know that it caused issues with mega menu, thanks !

Sure would love to have the css to make that background transparent 🙂

Have a great day,
Evann

[Evann .A]

Actually i made it directly,

Feel free to close this ticket, thanks again for your help on my issue 🙂

If someone end up on this post and wanted the css, here you go :
.wd-dropdown-menu {
background: transparent !important;
box-shadow: none !important;
border: none !important;
}

Best regards,
Evann from wordpress-creation.fr

• This reply was modified 21 hours, 36 minutes ago by Evann .A.

Hi Evann .A,

Thanks for your patience.

Glad to hear your issue has been resolved. Keep us in mind for future questions and concerns, we’re always here to help!

Regards,
Hung PD

[Author]

Posts