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; }