Hover and Animation Conflict Issue

Hey Fellow @WebflowUser, Webflow Community Members, @webflow and staff members,

I am trying to make a menu button open when hovered on to show some details and close when hover off … which I’ve accomplished using pseudo hover on my class.

Next, I want to have the menu stay open when the menu button is clicked and close when the close button is clicked. I have also accomplished this effect using the interaction panel on webflow.

Now the issue / bug is that when the interaction is triggered and closed afterwards the hover class does not work anymore. As shown in the below gif:

https://discourse.webflow.com/uploads/webflow1/original/2X/1/10589e41aad1aff4c57767e61bc68fd7ad5e47df.gif

Does anyone know what might be the cause and why might this happen?

I have thought of numerous possibilities and tried numerous workarounds but nothing really works the way I want it to.

If the Webflow community has any ideas or know of any workarounds please let me know. It would help me out a lot.

And note to the Webflow staff members please find a solution to the issue/bug asap!

I appreciate all ideas and efforts to help!! :smile:

Thanks in advance!!

Hi @DesignerDiana

your GIF isn’t working. Try using Licecap.

Cockos Incorporated | LICEcap :slight_smile:

Thanks @PixelGeek for taking notice. Gif updated now. :smile:

Can you please provide your read only link?

Sure thing!

Here you go: https://preview.webflow.com/preview/p10095246?preview=975d10564ae0e7b8fc11a918e881899f

Help! @cyberdave, @brryant, @bart! :smile:

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.