Adding a smooth animation to dropdown header

[someone1921]

Hi. I wanted to add a smooth animation on the header dropdown items just like this website 
https://www.heavenscent.no/

any idea how to do such thing? thanks in advance 

[gutenplayer]

@someone1921  hi, hope you are well, check this image from your sample store

here css transition-delay  
so you can do it by css also can do it by js

I hope it works for you, let me know, and If you'd like to discuss this more, don't hesitate to send me a PM

Thank you

[someone1921]

hey, thanks for your comment but i don't think i understood what you said... could you reformulate please? thanks

[namphan]

Hi @someone1921,

Please send me the website link, I will check it for you

[namphan]

Hi @someone1921,

Please go to Actions > Edit code > Assets > base.css file and paste this at the bottom of the file:

details[open] > .header__submenu {
    opacity: 1;
    transition: opacity .2s ease-out;
}

[someone1921]

i appreciate the help, however it only works the first time i hover it... any idea how to fix it? thanks