Submenu Disappears too fast

[roidimitris]

#447903

Is it possible to make the submenu disappear slower than it does now? I mean it does disappear as soon as you stop hovering the menu. Is there any way to add delay to that? Thanks for this awesome theme!

[reqman]

#663667

Has there been a solution to this issue?
Would be interested to know how to do this, as well!

[marklchaves]

#663785

Agreed. Don’t know how to implement this in Avada. The menu elements are pretty nested.

But, here’s a minimalist example showing that it can be done. With CSS only no less.

/* Here's the delay code for the submenu. */

li ul {
  opacity: 0;
  transition: all 0.5s ease 1.5s;
}
li:hover ul {
  opacity: 1;
  transition: all 0.5s ease 0s;
}

Full code & live demo here https://codepen.io/marklchaves/pen/KKKWGma

[elmariachi5150]

#691427

Same problem here. Anyone with a solution?

[Brandingbox]

#793689

I’ll join in. Hopefully this age old problem could be solved?

[masterplan2811]

#821716

Using the V7.1.1 version I have solved this problem by putting 123 into the “Z Index” field of the header in the edit section.

[tamera]

#841699

Good morning, I am having the same issue and can’t find a solution working on my V.7.2.1.

If you have solve your issue, can you please explain how you did that ?
I am not a developer but I think I can solve the problem if you give me a hand.

Thanks in advance
Best regards

[nirms]

#868503

Hi all,

I hope you are doing well. I don’t have a solution but a workaround to this problem. I have removed the space between the submenus that helps me hover over the submenus without them disappearing quickly. I hope this helps; however, I do believe it is a transition-related issue. If transition (out) is prolonged, you should be able to hover over the sub-menus easily. I will add that solution to this thread once I get the solution working.

.fusion-main-menu .sub-menu li {
    width: 100%;
    padding: 2.5% 5%;
}

Regards,
Savi

[endri]

#868524

Hi there, I’ve got the same problem but with cart in main menu. Here is my simple workaround:

.fusion-custom-menu-item-contents {
margin-top: -20px;
}

Using negative margins will pull up dropdown menu and fill the gap where cursor looses glue 🙂

.fusion-main-menu .sub-menu {
margin-top: -20px;
}

[Author]

Posts