Pro header dropdown speed

[MulderDSM]

Is there some CSS I can add to the customizer to remove the delay in sub-menu’s displaying. I’ve tried some CSS found in forums but it appears it may be for X and not for Pro.

I have one drop down at https://buildingyourbaby.com/media-inquiries/ right now.

My client is comparing to this site where the drop downs show instantly: https://www.correcttoes.com/

[nabeel]

Hi @MulderDSM ,

Thank you for reaching out to us. To remove the delay and the animation, simply add the following code in the Theme Options > CSS:

body .x-masthead .x-dropdown,
body .x-masthead .x-anchor,
body .x-masthead .x-interactive,
body .x-masthead .x-dropdown.x-active {
    transition-delay: 0s, 0s, 0s !important;
    transition-duration: 0s, 0s, 0s !important;
    transform: translate3d(0, 0, 0) !important;
}

It may still has a bit of a delay when you hover out because the JS script is doing so and it may need a different approach. Please add the following code as well

@media ( min-width: 980px ) {
     
        li.menu-item-has-children > ul {
         display: none !important;   
        }
        
        li.menu-item-has-children:hover > ul {
         display: block !important;   
        }
        
}

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

[MulderDSM]

Thank you!!!

[paul.r]

You’re welcome!