Option to turn off Javascript 'slide-in reveal' for the last project? // Carousel video problem on mobile

[johnszetho_]

Hello,

Is it possible to add code to turn off the Javascript 'slide-in reveal' animation for the last project? With regards to my projects page when viewed on desktop. The last description is too close to the bottom of the page and as a result doesn't always show up with the default animation settings. Or perhaps there is another solution?

Also, the swipe/fade functions for Carousel projects with HTML videos inserted as the first slide when viewed on mobile (iOS Safari) don't work. Is there a way this can be fixed so the whole project can be viewed on mobile?

Website link: johnszetho.com

Thanks!

[edgrbnz]

There is a no-animation class for the On Scroll Element Transitions. Depending on how your projects page is setup that might help 🙃

[johnszetho_]

Ah I see, I tried this and it seems like it should work but playing with the inspector tool I think also need to get rid of the "align-top below" class tag for it to show up on the bottom of the page.

Any ideas of how to turn this off?

[mariusjopen]

Dear @johnszetho_
which part of your website are you talking about specifically?

Best!

Marius

[johnszetho_]

Hi @mariusjopen

The bottom of the projects page, the description of the last image which doesn’t show up but if you use the inspector tool you can see it’s supposed to be there.

It appears on the mobile version if you scroll enough.

[edgrbnz]

Did you try just adding more bottom frame?
A wee bit more space to the bottom might do the trick!

I tryed it in the front-end via the dev-tools and it worked around 8% bottom space in Chrome and Safari.

---

I had a similar problem: Small object at the end or beginning of the pages didn’t animate in / didn’t show – That should be fixed by now.

[arminunruh]

you need to update lay theme for all of this to work properly, your version is a little outdated

carousel with video - thanks for the heads up, will work on this!