Search code examples
htmljquerycsswordpressdivi

Submenu text and background css not in sync


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?


Solution

  • 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