I am new to webflow so just starting to get my head around how it all works… I have a fixed sidebar menu which I want to add a slide out sub menu section to. As you’ll be able to see in the provided links I have it so that when you hover over “Practice Areas” the sub menu comes into view. The issue is how can I get the submenu section to stay there when you hover over it/or it’s content?
Cheers for getting back to me mate, it’s now on again, sorry I need to get this site published so been switching between the working menu and the menu I am trying to add. Thanks for taking a look, just need to know how to make the slide out panel “submenu” pause upon hover. Cheers!
I think I got an answer for you, if I understand your question correctly. Your hover menu was hiding back every time you hover out of your link button (practice areas). What you have to do is on your animation on the hover out part don’t move your submenu back to origin, leave it at to the right 230 px. Now, on a new animation select the submenu as your target element to be trigger on hover, but only on hover out. On that new animation select the submenu out 230px as the starting point and 0px after that. Look at the pictures below. I hope this helps.
Thanks you so much for that and the detailed explanation too! That’s pretty much it, the only other thing I am trying to do is hide the menu also when hovering out, in a vertical direction on the main menu, of the ‘Practice Areas’ button too. I tried to add an additional interaction to the two buttons either side of ‘Practice Areas’ whereby it moves the menu from 230px back to 0px… but when I tried that it didn’t work… Is there any way you can think of to do this? Many thanks! : D