Max Mega Menu plugin - Mega menu containing Smart Slider 3


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.


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{