The Categories drop-down menu hides on sticky header
-
Hello,
I have created header with Header Builder and used Categories dropdown menu element. I have 3 levels hierarchy of the Categories menu. Initially, the menu works, but when I scroll and the sticky header is activated, the third level of the menu disappears when I try to reach it with the mouse. The third level of the Categories disappears when you try to click on it only when the sticky menu is activated. It is not possible to click on the third level menu. How can I fix this?
Thank you.
Hello,
Thank you very much for choosing our theme and for contacting us.
I cannot catch the issue: https://gyazo.com/3c590c507853fc33a66c96651711ebac I check both default and sticky header and it shows the categories the same way.
Best Regards
Hello,
As far as I can see you are moving your mouse over the second level menu. Move your mouse to the right over the third level menu and try to click some third level category item.
Thank you
Hello,
They hide as the items are configured on hover and you move the mouse, try to make it on click, I tried on the sticky header it works but requires a few attempts to keep and click.
Best Regards
Hello,
I have tried many times with different browsers, but it does not work, there is no way to click on the menu items in the third level. Please make a short video of your test.
I did not make any configuration, this is the default configuration.
In contrast, the same menu works well on the initial header (the non sticky header). With the same configuration.
Please suggest a solution. It is not acceptable for the sticky menu to work this way.
Thanks in advance.
Hello,
Please add this code to the Theme Settings > Custom CSS > Global:
.wd-header-cats .wd-dropdown-menu.wd-design-default .wd-dropdown:after {
height: auto;
}
We will fix this in our next update.
Best Regards