Mobile Menu animation not working correctly

srg

Hello, I'm building my studio portfolio using Lay Theme and I've been ejoying the system so far. However I'm experiencing an issue with the Mobile Menu sliding animation. I'm using menu style 3 that slides from the top, and i've activated the "do Animation" option but when I invoke the menu if the site is loading still loadint contents the animation will not work, the menu just appear without transition. It's only when the page has been completely loadaded that the animation begins to work. So it's confusing if somene click the menu icon when first arriving to the site and the contents are not fully loaded.

The website is: https://www.awayo.studio

Is there anything I can do to fix this issue? I'm using mobile Safari, iOS 14, iPhone 11 Pro.

Thanks in advance.

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

Lay Theme Forum

Mobile Menu animation not working correctly

Before you post:

When you post:

Online Users