Animated column jumping - Support | Kriesi.at

Tagged: animation, column, jump

Viewing 13 posts - 1 through 13 (of 13 total)

Author

Posts
June 20, 2017 at 3:17 pm #810397

Monique
Participant

Hi there,

On a new website (see url below) I created portfolios with a content-section with two 1/2 colums. The right column I gave animation from right to left.

This animated column seems to jump two or three times. This only happens in FF. In the other browsers I don’t see this issue. I have already cleared cache and so on in FF, but that didn’t help.

Please advise.

Thanks & regards,
Monique

June 21, 2017 at 7:28 am #810800

John Torvik
Inactive Moderator

Hey Monique,

Please, try to disable all the plugins and check if theres some problem and ensure that youre using the latest version of the FF.

Best regards,
John Torvik

June 22, 2017 at 2:37 pm #811549

Monique
Participant

Hey John,

We have only CF7 active right now. I disabled it like you asked, but nothing changed. I have the latest version of FF running.

Have you looked for yourself in FF?

Regards,
Monique

June 23, 2017 at 3:56 am #811923
Mike
Moderator
Hi,
There is a bug in FF, yet this may help:
```
.avia_transform .avia_start_delayed_animation {
     -webkit-animation-fill-mode: forwards; 
     animation-fill-mode: forwards;
}
```
The other option is to disable the animation until the next FF update:
```
.avia-mozilla.avia_transform .avia_start_delayed_animation.right-to-left {
    -webkit-animation: none !important;
    animation: none !important;
}
```
Best regards,
Mike
June 23, 2017 at 9:12 am #812011
Monique
Participant
Hi Mike,

Yes, option 1 works just fine. Thanks!

~~Can you flag this topic as closed please?~~

Best regards,
Monique
- This reply was modified 6 years, 10 months ago by Monique. Reason: Issue not yet solved, so please don't close the topic!
June 23, 2017 at 5:08 pm #812175

Monique
Participant

Sorry, it seems that the problem is not yet solved!!!

If you look at the example (portfolio) mentioned below, you can see that here the animated column is still jumping.

Please advise!

Thanks & regards,
Monique

June 23, 2017 at 5:30 pm #812191

Victoria
Inactive Moderator

Hi Monique,

I did not see anything jumping either in FF or in Chrome, only text sliding in from the side, but just once, to appear and does not look buggy. Could you please clear the cache and test again?

Best regards,
Victoria

June 23, 2017 at 5:39 pm #812202
Monique
Participant
Hi Victoria,

Yes, that is what I did, but no success :-(

I have the latest FF version (54.0) running. Like I mentioned above, this problem only happens in FF, not in any other browser I tested with.

Regards,
Monique
- This reply was modified 6 years, 10 months ago by Monique. Reason: Added link to short movie (made with mobile from screen)
June 24, 2017 at 5:03 pm #812464
Mike
Moderator
Hi,
I have changed and tested this code on FF54, please try:
```
.av-animated-generic.right-to-left {
     -webkit-animation-fill-mode: forwards!important; 
     animation-fill-mode: forwards!important; 
}
```
Best regards,
Mike
June 26, 2017 at 12:05 pm #813005
Monique
Participant
Hi Mike,

That works great! I have also been able to use the ‘same’ code for left-to-right animation:
```
.av-animated-generic.left-to-right {
     -webkit-animation-fill-mode: forwards!important; 
     animation-fill-mode: forwards!important; 
}
```
Thanks for your help & please flag this topic as closed!

Regards,
Monique
June 26, 2017 at 2:24 pm #813072

Victoria
Inactive Moderator

Hi Monique,

Glad we got it working for you! :)

If you need further assistance please let us know.
Best regards,
Victoria

June 27, 2017 at 10:38 am #813338

Monique
Participant

Thanks Gloria,

Can you please flag this topic as closed?

Have a nice day,
Monique

June 28, 2017 at 1:45 pm #813802

Nikko
Inactive Moderator

Hi,

Have a nice day too and thanks for using Enfold :)

Best regards,
Nikko
Author

Posts