I’m having a pretty major issue with my dropdown menus not opening on hover anymore. This issue happened out of nowhere… the site has been working perfectly for years.
In the past, all of the top nav links with arrows down would open the dropdown on hover. For each, the dropdown toggles have the “open menu on hover” checkbox selected.
Was there an update made that caused some legacy interactions to have issues? I have some additional interactions set on each drop down, and they no longer work properly. Help!!
Thanks for sharing that. This is definitely odd — I’m able to see the issue happening in your project, but can’t seem to reproduce it in a different site.
I’ve forwarded this information to our team and we’ll look into this weird behavior. For now there is a workaround that may help unblock you here — You can use interactions to recreate the hover effect
Hello! Thanks for responding. I’ve implemented the workaround you’ve suggested in your video, and although it works when using Webflow preview mode, when I publish the site it doesn’t work at all. Thoughts?
Super weird! I noticed there’s an opacity of 0% on the menu on the live site for some reason. This may be related to the hover issue we’re seeing as well.
You can address this by adding 100% opacity to the open animation:
Thanks for noticing that. I originally had a legacy interaction on each that made the opacity 0%. I went ahead and removed those and things are now working on the published site.
Can you still make sure to have your team look into the original issue? I’m going to have to work a bit more to get the menus to look and open as they were before - and it just seems odd that they suddenly stopped working out of nowhere.
Can you still make sure to have your team look into the original issue
Most definitely. Using interactions here is a workaround and not a complete solution. We’ll investigate the behavior further to see if we can find a permanent fix.
The fix was actually pushed live the day after Brandon mentioned it (my fault as I mentioned it elsewhere).
The issue was to do with HTML embeds and certain characters within them stopping JQuery working on the site (dropdowns, lightboxes). Luckily for us, the site we found the issue on was a lot smaller as it would have been so tough to find on yours!
I’ve tested a new dropdown on your project and they are working as expected.
Please don’t hesitate to reach out if you have any further issues.
