How to let mobile menu fade in slower?

[JoaquinExcitare]

Hello, does anybody know how we can make our mobile menu slide in slower/smoother like the example site?

(NOTE: Mobile menu fade in)

Example site: https://eu.lostgenclub.com/

Our site: https: https://excitarestudios.com/

Thanks in advance

[shreyhweb · Accepted solution]

Hello,

Please add the below code in theme.liquid above </body>

<style>
.js details[open]>.menu-drawer {
    transition: transform 0.4s ease, visibility 0.4s ease !important;
}
</style>

I hope this solution will be work for you.

Thank you

[Bundler-Manuel]

Hi there @JoaquinExcitare  go to Assets then theme.ss then copy and paste this code under

.site-nav__dropdown {
display: block;
opacity: 0;
transition: 0.5s;
visibility: hidden;
}
.site-nav--has-dropdown:hover .site-nav__dropdown,
.site-nav--has-dropdown:focus .site-nav__dropdown {
display: block;
opacity: 1 !important;
visibility: visible !important;
}