Mega Menu – Remove fading effect (or adjust duration)

Is there a way to remove the fading effect for the mega menu, or adjust fading duration?

Hello,

Sorry to say that, Can you please share some screenshots or examples of what you actually want, so I will check and give you a possible solution?

Best Regards

Please see the video in the private content (URL) for details. When the cursor is moved fast before the mega menu completely fades out, the menu keeps fading in (reappearing), disabling the user from interacting with the page beneath. I want to disable the fade effect or change the animation duration to prevent the mega menu from blocking the webpage.

Hello,

Sorry to hear about the inconvenience. Kindly, please share your Site WP-ADMIN Login details in the Private Content field so that we can check this concern on your Site and help you out accordingly.

Best Regards

Thanks. Please refer to the private content.

Hello,

To remove the fading effect entirely try to add the following custom css code in theme settings > custom css.

.wd-event-hover:hover>.wd-dropdown, .wd-event-click.wd-opened>.wd-dropdown, .wd-dropdown.wd-opened {
    transition: none !important;
}

To adjust the fading duration:

.wd-event-hover:hover>.wd-dropdown, .wd-event-click.wd-opened>.wd-dropdown, .wd-dropdown.wd-opened {
    transition: opacity 1s ease !important;
}

Best Regards

Thanks for the code snippets. Issue solved.

Most Welcome!!!.

I’m so happy to hear you are pleased with the Theme and Support. XTEMOS strives to deliver the best customer experience, and it makes our day to hear we have accomplished that.

We count ourselves lucky to have you as a customer. You can always reach us at any time. We are always here to help you.

Thanks for contacting us.
Have a great day.

Topic Closed.
Best Regards.

[Author]

Posts