Dropdown pane overlap on leave

[Andreaco]

Hello,

following this discussion:

Dropdown pane on leave

I applied the following code.

.x-menu .menu-item .sub-menu.x-active,
.x-menu .menu-item.x-active .sub-menu.x-active {
    display: none !important;
}

.x-menu .menu-item:hover .sub-menu.x-active,
.x-menu .menu-item.x-active:hover .sub-menu.x-active {
    display: block !important;
}



.x-menu > li > .x-anchor .x-anchor-particle-primary,
.x-menu > li > .x-anchor.x-active .x-anchor-particle-primary {
    opacity: 0;
    transition: none !important;
}

.x-menu > li:hover > .x-anchor .x-anchor-particle-primary,
.x-menu > li:hover > .x-anchor.x-active .x-anchor-particle-primary {
    color: white !important;
    transition: none !important;
    opacity: 1;
}

It works everywhere, except for the homepage. Why?

Thanks!

[nabeel]

Hi there,

Thank you for reaching out to us. I went ahead and added the above code in your Child Theme’s style.css file and it’s working fine on your homepage too. Please clear your browser’s cache and reload the site.

Cheers!

[Andreaco]

That’s great thank you!

[basanta]

Most welcome!