Home Page Menu - After nesting the menu . The Sub Menu disappears before my mouse can reach it.

Shopify Discussion
1

Hi,

Suddenly my nested menu on my home page have encounter an issue whereby, on my nested menu, when i hover or click on it, the sub menu appears but it will disappear before my mouse can reach it.

Attached here is the video of it happening.

Appreciate any possible solution for it.

Thank You

Montri

2

Found a solution here,

In case anyone else having the same issue, the solution is as below.

.menu li:hover>.dropdown { margin-top: -10px !important; }

add this to theme.liquid, before the tag

Thank You