Viewing 22 posts - 1 through 22 (of 22 total)
  • Author
    Posts
  • June 16, 2022 at 11:11 am #1355466
    mediaformers

    Hi
    With Enfold 5.0 animations are now also visible on mobile. Unfortunately the animations (e.g. from bottom to top in columns) do not behave as desired resp. as on desktop. If a column contains e.g. text, it is already visible while scrolling and only then the animation starts. This looks like it is done twice and is very annoying. Not like on desktop – there the text appears only with the animation.

    We have this behavior on all Enfold installations with version 5.0. Sure, we can disable animations on Mobile again, but we love it :-)

    Thanks for your review.

    Regards, Mike

    June 16, 2022 at 2:20 pm #1355495
    Rikard

    Hi Mike,

    Could you post a link to where we can see this problem on your actual site please?

    Best regards,
    Rikard

    June 16, 2022 at 2:30 pm #1355502
    mediaformers

    sure, see link in Private Content..

    The effect occurs only with text. With images only when scrolling fast.

    June 16, 2022 at 4:23 pm #1355515
    Rikard

    Hi,

    Thanks for that. Please send us a temporary WordPress admin login and login URL so that we can have a closer look. You can post the details in the Private Content section of your reply.

    Best regards,
    Rikard

    June 16, 2022 at 5:50 pm #1355530
    mediaformers

    Hi Rikard

    Thanks for your answer. See Private Content..

    Best regards,
    Mike

    June 18, 2022 at 7:54 pm #1355710
    Mike

    Hi,
    Thank you for your patience, please try this code in the General Styling ▸ Quick CSS field or in the WordPress ▸ Customize ▸ Additional CSS field:

    .avia_transform .av-animated-generic {
    opacity: 0;
}

    After applying the css, please clear your browser cache and check.

    Best regards,
    Mike

    June 19, 2022 at 12:44 pm #1355756
    mediaformers

    Hi Mike
    Thank you for your reply. This works well. But a general question: is this a bug in Enfold 5.0 and will it be fixed in a next version? We think all users will consider this as not correct behavior.

    And: the background prarallax behavior in color sections is a bit jerky on mobile. We use iPhones 13 Pro. Normal?

    One last note: what is actually the difference between the animation “from bottom to top” and the new “fade in up”? They actually behave the same.

    Thanks for your reply.
    Best regards,
    Mike

    June 20, 2022 at 11:55 am #1355830
    Mike

    Hi,
    Glad that this helped, I reported this to the Dev Team for their review for the next update.
    I don’t have an iPhone to test the background prarallax behavior, but I’m not seeing this on an Android, are you seeing this on this demo?

    Best regards,
    Mike

    June 20, 2022 at 1:38 pm #1355841
    mediaformers

    Hi Mike
    Ok, thanks for forwarding.
    Regarding parallax on color section: yes, slight judder on mobile, so same as on our websites. That’s ok. BTW: But the first three parallax boxes in the new parallax demo (Planning & Consulting, Design & Production and Shipping & Managing) are quite jerky when scrolling (on my iPhone 13).

    Best regards,
    Mike

    June 20, 2022 at 11:08 pm #1355905
    Mike

    Hi,
    Thanks for the feedback, on our demo can you be specific which section you see the jerky when scrolling behavior and include a screencast of it, I would like to submit it to the Dev Team for review.
    Since you see it on our demo it would be better to have the Dev Team check this since it is a controlled environment, thanks.

    Best regards,
    Mike

    June 21, 2022 at 9:41 am #1355962
    mediaformers

    Hi Mike,
    I noticed it in the first section (the first three animated boxes). On iPhone 13 iOS 15.5 Safari.
    See Link in Private Content..

    Regards,
    Mike

    • This reply was modified 2 years, 5 months ago by mediaformers.
    June 21, 2022 at 12:45 pm #1355995
    Mike

    Hi,
    Thanks for the screencast, but I don’t see any jerky behavior when scrolling, it looks like the page was swiped 7 times in the video, and in each swipe the parallax behaved smoothly during the scroll.
    But I have submitted this to the team for review, Thank you for your patience.

    Best regards,
    Mike

    June 21, 2022 at 1:15 pm #1356005
    mediaformers

    Hi Mike,
    I don’t know if we are talking about the same thing. In the video it is clearly visible that the three boxes with the titles “Planning & Consulting”, “Design & Production” and “Shipping & Managing”) do not run smoothly on mobile (iOS Safari). They move stuttering after each swipe. But maybe I feel differently than you.

    Thanks for forwarding.

    Best regards,
    Mike

    June 21, 2022 at 6:32 pm #1356036
    Mike

    Hi,
    Thanks for explaining further, I’m not seeing this myself, but perhaps the team will be able to advise, thank you for your patience.

    Best regards,
    Mike

    July 17, 2022 at 11:31 am #1358595
    mediaformers

    Hi
    any news on that?

    Thx
    Best regards,
    Mike

    July 19, 2022 at 12:28 pm #1358763
    Mike

    Hi,
    Thank you for your patience, unfortunately not, but I had added the requirement of “iPhone 13” when I requested, I asked again today and downgraded it to simply iPhone, thank you for your patience.

    Best regards,
    Mike

    August 27, 2022 at 11:35 am #1362919
    mediaformers

    Hi
    Me again.. Any news on that?

    Thx
    Best regards,
    Mike

    August 27, 2022 at 2:07 pm #1362929
    Mike

    Hi,
    Unfortunately, the team was unable to reproduce the issue on your site with their iPhones, but they recommend applying a maximum height to the column. This will prevent the whole content from jumping on scroll.
    I personally don’t have an iPhone, but since we have not had any other reports of this, perhaps is an iPhone 13 specific issue?

    Best regards,
    Mike

    August 27, 2022 at 4:11 pm #1362941
    mediaformers

    Hi
    Currently you don’t see the effect, because according to your instructions I added the following code in Quick CSS:

    .avia_transform .av-animated-generic {
    opacity: 0;
    }

    We have now hidden this code again and the wrong effect is back. Also on an iPhone 11 Pro. We would like you to check it again now. It can hardly be that only we see this effect.

    Thank you for checking again.
    Regards
    Mike

    August 27, 2022 at 4:15 pm #1362942
    mediaformers

    Addition: Please check it on the website mentioned under Private Content.

    August 30, 2022 at 3:23 pm #1363219
    mediaformers

    Hi Mike

    We have updated all installations to Enfold 5.1.1. Now the effect is no longer visible. Why this occurred is now probably impossible to find out. But anyway, the thread can be closed.

    Regards,
    Mike

    August 30, 2022 at 6:34 pm #1363280
    Mike

    Hi,
    Glad to hear that updating helped, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 22 posts - 1 through 22 (of 22 total)
  • The topic ‘Enfold 5.0 Animation Mobile’ is closed to new replies.