Shopify themes, liquid, logos, and UX
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
@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
hey, thanks for your comment but i don't think i understood what you said... could you reformulate please? thanks
Hi @someone1921,
Please send me the website link, I will check it for you
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;
}
i appreciate the help, however it only works the first time i hover it... any idea how to fix it? thanks
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025