Re: Adding a smooth animation to dropdown header

Adding a smooth animation to dropdown header

someone1921
Tourist
14 0 2

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 

Replies 5 (5)

comercioservice
Shopify Partner
265 37 30

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

gutenplayer_0-1727710780583.png

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

 

Was my reply helpful? Click Like to let me know! Was your question answered? Mark it as an Accepted Solution.
Need store customizations, bug fixing or development ? Contact with us -- Support form for quick quote!
BFCM Big Deals: Big savings 25% off -on our Shopify FAQs apps!
someone1921
Tourist
14 0 2

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

namphan
Shopify Partner
1630 204 220

Hi @someone1921,

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

Coffee tips fuels my dedication.
Shopify Development Service
Need help with your store? namphan992@gmail.com
namphan
Shopify Partner
1630 204 220

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;
}
Coffee tips fuels my dedication.
Shopify Development Service
Need help with your store? namphan992@gmail.com
someone1921
Tourist
14 0 2

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