Max Mega Menu plugin - Mega menu containing Smart Slider 3

Problem:

The slider gets visible when the mouse is over the area where it should be.

Cause of the problem:

Max Mega Menu plugin uses "visibilily: hidden" to hide submenus, instead of using display: none, which is the proper way to do it. As a result, the slider is not hidden, so it's still over the elements of your page, you just can't see it. You can find an example that illustrates the difference here.

Solution:

Add this CSS to your theme's CSS giving option, or to Customizer > Additional CSS:

li.mega-menu-item .n2-section-smartslider{
    display: none;
}

li.mega-menu-item.mega-animating .n2-section-smartslider,
li.mega-menu-item.mega-toggle-on .n2-section-smartslider{
    display:block;
}