Weird Image Banner issue

[webadmin]

Hi,

I have a weird issue with image banners, for some reason if the image banner is the first thing that is seen then it loads without an issue, and the text appears with delay.

Now the image banner is at the bottom of the page, when scrolling down to it it wont show the text, unless you scroll up and down for a bit or if you start up developer mode in a browser….

I have looked at the delay process in the code, and seems theres a class that delays it by 200ms, unsure how to change that.

I’m attaching images to show what is being shown when scolling down and what should be showing.

Any help would be awesome.

Attachments:

You must be logged in to view attached files.

[Kyle – SUPPORT]

Hi

I’m not able to replicate this issue, which browser are you using?

– Kyle

[webadmin]

Hi Kyle,

I predominantly use Firefox, but I have tested this on Opera, Chrome, Edge and Safari with the same results.

Is there a way to remove the delay completely from the text??

Atik

[David Martin – Support]

Hi,

Have you removed the animation delay from the page builder item?

Please test this also:

.image-banner-content.sf-animation[data-animation="none"] {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

Thanks.

[webadmin]

Hi Sorry,

Doesnt seem to be working.

Atik

[David Martin – Support]

Hi,

This should do it:

.image-banner-content.sf-animation[data-animation="none"] {
    opacity: 1 !important;
}

Thanks.

[webadmin]

Thank You, awesome that worked like a charm

[Kyle – SUPPORT]

Great 🙂

No problem