Tagged: doesn't work, dropdown, enfold, hover, problem, secondary menu, vanish
Hello,
Im really happy with how my secondary menu looks like, but the only problem is that the dropdown on it vanished when hovering over it. It looks like it wants to use the menu underneath (main menu) when hovering over it. Ive tried looking for someone with a similar problem, but i only found issues from 3 years back.
Any ideas? Ive tried this on both Chrome and Edge with the same result.
Thanks
Hey tmskarpholt,
I couldn’t see anything like that on my end using Chrome, could you post a screenshot pointing what is causing you problems please? You can upload to a service like dropbox or google drive and then link to it here.
Best regards,
Rikard
I see.
Ive tried this on several computers, on several browsers. Ive included a video file of whats going on (its impossible to show this with images).
Thanks!
Hi,
Thanks for that. I could reproduce what your video showed, but only when I drag the mouse down outside of the parent item, so I don’t think it’s an actual issue to be honest. You could try moving the submenu up a little bit using the following CSS though, that should make it harder for users to move outside of it:
#header_meta .sub_menu li ul {
top: 17px !important;
}
What browser are you using by the way?
Best regards,
Rikard
Hey Rikard,
I think that did the trick. The submenu (top) works as it should now.
Ive tried on Chrome, Firefox and Edge and i got the same problem on all 3 of them. I use chrome as default browser.
Thanks!