Skip to content

Fix ElementsKit Mega Menu On Mobile Problems

September 17, 2023

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.

Related Posts.