Tagged: , ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • October 18, 2023 at 11:10 pm #1422943
    DanielCPalmer

    Hi, can I disable or remove the first fade-in animation on the homepage header or element when loading? It is eating up load time. We have Hummingbird Critical CSS loaded, which removes the animation, but when the user interacts, the animation starts over and doesn’t look great.

    Thanks!

    October 19, 2023 at 4:31 am #1422955
    Ismael

    Hey Daniel,

    Thank you for the inquiry.

    We cannot reproduce the issue on our end. Would you mind providing a short clip or a screensoht of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:

    1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
    2.) Locate the option to upload a file or an image.
    3.) Select the screenshot file from your computer or device and upload it to the platform.
    4.) After the upload is complete, you will be provided with a shareable link or an embed code.
    5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

    Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

    Best regards,
    Ismael

    October 19, 2023 at 4:09 pm #1423024
    DanielCPalmer

    Ismael, I think I figured out how to remove it. But just for reference, go to the site in the private link and you’ll see what I mean in the header of the homepage when it loads. The title fades in. I want to remove that fade.

    October 20, 2023 at 9:28 am #1423088
    Ismael

    Hi,

    Thank you for the info.

    Are you referring to the animation of the Column containing a Special Heading element? You can disable the animation by editing the Column > Advanced > Animation > Column Animation settings. You can set it to “None”.

    Best regards,
    Ismael

    October 21, 2023 at 12:14 am #1423186
    DanielCPalmer

    Ismael, you’re right. I removed the animation.

    But that’s not what I’m talking about. Go back to the same site, and you’ll see that the entire above-the-fold hero section fades in (the text, sub-title, and button). That’s what I want to get rid of. When I set up Critical CSS, that section glitches on load.

    Thanks!

    October 23, 2023 at 3:46 am #1423362
    Ismael

    Hi,

    That’s what I want to get rid of. When I set up Critical CSS, that section glitches on load.

    The section displays immediately on our end without fading in. Is the “Critical CSS” option enabled? Try to add this css code to disable the color section’s default transition.

    .js_active .av-minimum-height .container {
    transition: none !important;
    opacity: 1;
}

    Best regards,
    Ismael

    October 23, 2023 at 9:38 pm #1423476
    DanielCPalmer

    Ismael, it definitely is fading in. I will try your code and see what happens. Thanks!

    October 24, 2023 at 3:49 am #1423497
    Ismael

    Hi,

    Alright. Let us know if the css correctly disabled the fadein transition.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.