Submenu collapsed

Hello. We have a submenu collapsed when the user wants to move the cursor to one of the submenu sections not in a straight line.
How can I make it so that the submenu does not collapse? Is it possible to delay the submenu by 0.5 sec. ?
I tried to do сustom CSS
——
.wd-nav-sticky .wd-dropdown-menu {
transition-delay: 0.4s;
}
——
but then the entire first level menu is closed.

Submenu collapsed video

Attachments:

You must be logged in to view attached files.

Hello,

When you hover over the Diesel item menu, the Diesel dropdown is displayed, when you move the mouse to the Diesel dropdown through the Gasoline item menu, it activates the Gasoline dropdown, that’s the right behavior.

Theoretically, you can make a delay for the dropdown to achieve the effect you want with the help of the below custom, but ignoring the hover of the following menu item will not work completely.

.wd-nav-sticky:hover .menu-item .wd-dropdown-menu {
	transition-delay: 0.3s;
}

.wd-nav-sticky:hover .wd-dropdown-menu {
	 pointer-events: auto;
}

You can define the above code in Theme Settings -> Custom CSS.

Kind Regards

Thank you!
That’s what I need!

Hello,

Great! In case you need any additional help, I’d be more than happy to assist you.

Wish you all the best.

Kind Regards

[Author]

Posts