Mobile Menu animation not working correctly

Richard

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

Lay Theme Forum

Mobile Menu animation not working correctly

Online Users