Hello folks
I want to add animation on my menu dropdown, something like this.
https://www.heavenscent.no/ (Check their animation, smooth and rolling down. 
My page:
Any code we can put into this to make this happen?
Hi @Dekanten ,
May I suggest to update code these steps:
- Go to Store Online-> theme → edit code
- Assets/theme.css
- add code below to end of file
.menu__item.parent .navlink--child {
opacity: 1!important;
transition: none!important;
}
@EBOOST Hello, i tried the code without luck im afraid, anywhere else i can check out for sure?
Maybe another code, thanks in advance.
@EBOOST I have just tried to do that, but its not working here either iam afraid. Any ideas?
Hi,
Maybe suggest below steps:
-
Go to Store Online-> theme → edit code
-
Go to sections/header.liquid
-
find code likes the screenshot below
-
add “open” attribute
-
Go to Layout/theme.liquid
-
Add code below to before tag
1 Like
@EBOOST Hi again, i tried like u say and added the menu code in the bottom of the file and it works very well. How do you fint all these codes? This is magic into my eyes, thank u so much for helping me with this. Amazing work.
Hi how can I do this on dawn 12.0.0 theme?
wait for you answer
Hi,
You can follow step by step above except step 3.
You can check the files below instead section/header.liquid.
-
snippets/header-mega-menu.liquid
-
snippets/header-dropdown-menu.liquid
1 Like
Hi, thank you for replying. I tried this and unfortunately it’s didn’t worked , you know maybe why?
here is my website link: Bstcloth.com
Thank you
Hey, eboost can i ask you something about that subject? When i add ur codes, it works perfectly but. It only happens once, when I open my page and move my mouse over the menu, it works, but the second time it doesn’t work, I either have to refresh the page for it to work.
What should I do to make it work every time I bring the mouse?
hey, im having the same problem, have u fixed it somehow? thanks