ElementsKit has a very simple and easy-to-use Mega Menu for Elementor, but it has a problem displaying it on mobile.
If you find that your ElementsKit Mega Menu shows or displays a grey overlay, which shows up and animates when opening your menu, this fix will solve it.
.elementskit-menu-overlay {
background: none !important;
transition: none !Important;
}
If you find that your ElementsKit Mega Menu on mobile isn’t working because the links aren’t clickable, and you cannot get your sub-menus to display, then this code snippet will fix it.
@media (max-width: 1024px){
.elementskit-menu-overlay {
left: -100% !important;
}
}
Simply click to edit your Mega Menu in Elementor, then add these CSS code in Advanced > Custom CSS.