Why isn't my AOS Animation IF statement functioning correctly?

Store Design
,
1

Hey,

I have a little bit of a technical question here. I’ve been trying to install AOS animations on my website (Dawn 9.0.0). However, my IF statement doesn’t seem to be working.

I’m trying to make the images “fade to right” and text “fade to left” when I’m on the “Alternate Right” setting within the Multirow section.

Website link: https://wholesomeboy.co/pages/charity

As you cans see, when you go to that URL the middle Multirow uses the same fade direction as the others, when It needs to be the opposite.

I’m not good with code, so If anyone could please explain what is wrong and how to fix it. That would be amazing!

Thanks,

Justin

2

This works fine on chrome browser, latest version windows.

The top and bottom rows left & right sides fly in from the sides of the page.

The middle parts spread out from the center.

If not fixed for you clear browser cache or try an incognito window.

Beyond that others need to be able to see and reproduce the issue.

Supply code samples to ease how much digging someone trying to help would do, there is a ‘insert/edit code sample’ formatting button.

Keeping mind to stick to only the LIQUID logic, any third party javascript library goes out of scope of the forums very fast.

3

Thanks for the information! Yes, I was wanting the middle row to fly in on the top and bottom parts do (from the side). However, I’m starting to like the middle-out animation as well.

Thanks,

Justin