Mobile Menu animation not working correctly

[Richard]

Dear @srg

I had a thought if you add the specific transition CSS that you need to your <header> so that it loads early on page load

<style>
@media (max-width: 650px)
nav.laynav.mobile-nav {
    -webkit-transition: height 500ms cubic-bezier(0.52, 0.16, 0.24, 1);
    -o-transition: height 500ms cubic-bezier(0.52, 0.16, 0.24, 1);
    transition: height 500ms cubic-bezier(0.52, 0.16, 0.24, 1);
}
</style>

Added to 'Custom <head> content' in 'Lay Options - Custom CSS & HTML

Let me know if that solves it! :)

Best
Richard

[srg]

This post is deleted!

[srg]

This post is deleted!

[srg]

Dear @Richard-K,

Thank's for you help. Unfortunately I added the code and it didn't fix the issue.
If I click the menu icon in my website, the sliding animation doesn't work until about 20 seconds after loading the page.

[srg]

Dear @Richard-K do you have an idea of what may be causing this transition delay? Is there anything I can do to fix it? Thanks.

[Richard]

Dear @srg

Will forward this to make sure you get the right Answer! :)

Best wishes and thank you for using Lay Theme, have a wonderful day and talk soon

Sincerely
Richard

[srg]

Thank you @Richard-K. I’m waiting for a solution before I officially launch the website.

[arminunruh]

hey looking into this now, sorry for the wait

[arminunruh]

ok i will release an update later today that improves this!

[srg]

Thank you @arminunruh
It’s working correctly now