-1

In the main navigation of our Wordpress website (made by the Divi Page Builder) we have two submenus. The submenu appears without a problem when you hover over the main navigation item, but the problem occurs when you leave the submenu. The background and the text disappear on two different moments.

I used some jQuery scripting for changing the appearances of the whole menu on scroll, but deleting the whole script doesn't fix the problem. So I think this is a CSS issue?

Jan
  • 89
  • 9
  • https://meta.stackoverflow.com/questions/254428/something-in-my-website-or-project-doesnt-work-can-i-just-paste-a-link-to-it – CBroe Feb 10 '21 at 08:05
  • (Might perhaps be as simple as different transition delays for different properties, or something similar.) – CBroe Feb 10 '21 at 08:06
  • Please share code snippet of HTML, jQuery/Javascript and css here. – Fawkes Feb 10 '21 at 08:07
  • Thanks @Cbroe, that did the trick! And sorry for showing the website, wasn't aware this wasn't allowed. – Jan Feb 10 '21 at 08:15

1 Answers1

1

It is due to the transition property this is applied on the ul item as well as a inside li tag inside ul.

I am attaching the screenshot please try to comment it out or add transition to none to a element.

enter image description here