shhussain72

I am facing the same issue and I have wordpress 5.8 and woo 5.5.2. The problem seems to gone when I deactivate and activate plugin but it removes the widget for compare. When I add the widget back the error again comes back. I am using elementor pro. Pl fix this with an update asap.

Got it working. For others who face the same issue it was the cache plugin that was displying cached data. Uninstalling or removing the cache does the trick.

ok. How to do it in child theme as I don’t want the updates to override this setting.

This works but it only hides and what I mean actually is to disable it for security. Can we add any function etc to remove registration of new users.

• This reply was modified 4 years ago by shhussain72.

I have common issue i.e, I have this mega menu in 4 sections of a page and as u know the event is working for 1st click and not on the rest. Can u tell me how can I loop this to make the event work for multiple sections with same class.

jQuery(document).ready(function($){
    
    const breakdownButton = document.querySelectorAll('.mega-menu-toggle');
breakdownButton.forEach(function(item) {
    item.addEventListener('click', function() {
    
    setTimeout(function() {
            if($("body").hasClass("mega-menu-max_mega_menu_1-mobile-open")){
            document.querySelector("body").style.overflow = 'hidden';
            document.querySelector(".mega-hide").style.zIndex = "-1";
                        
            } else{
            document.querySelector("body").style.overflow = 'visible';
            document.querySelector(".mega-hide").style.zIndex = "1";
            }
            }, 250);

    });
});
});

Worked perfectly!

For anyone need similar solution u can check for body event as mentioned above and use condition like below. In my situation the body event is “mega-menu-max_mega_menu_1-mobile-open”

document.querySelector(".mega-menu-toggle").addEventListener('click', function() {
    
    setTimeout(function() {
if($("body").hasClass("mega-menu-max_mega_menu_1-mobile-open")){
document.querySelector("body").style.overflow = 'hidden';
document.querySelector("ANY SELECTOR ID OR CLASS").style.zIndex = "-1";

} else{
document.querySelector("body").style.overflow = 'visible';
document.querySelector("ANY SELECTOR ID OR CLASS").style.zIndex = "1";
}
}, 250);

});

• This reply was modified 4 years, 2 months ago by shhussain72.
• This reply was modified 4 years, 2 months ago by shhussain72.

I tried but failed. Can u give the correct script that will work

if($(“body”).hasClass(“mega-menu-max_mega_menu_1-mobile-open”)){
document.querySelector(“body”).style.overflow = ‘hidden’;
document.querySelector(“.av_one_full”).style.zIndex = “-1”;

} else{
document.querySelector(“body”).style.overflow = ‘visible’;
document.querySelector(“.av_one_full”).style.zIndex = “1”;
}

The reason I am doing this is because I have fullpage.js installed and I have added menu inside a fullpage div. Now when I click menu the other div content is overflowing the menu item. I have to make the other divs z-index ‘-1’ for the menu to be displayed top of the content. This is important and I need a solution

• This reply was modified 4 years, 2 months ago by shhussain72.
• This reply was modified 4 years, 2 months ago by shhussain72.