Button appearing only on some interaction

Support
#1

There is a text and button added to my site http://dorotatv.pklepacki.pl, both as a separate rows to enable different fade in duration. The text appears properly, but the button has opacity: 0 property till I scroll page or click it. Why is this happening?

EDIT: I see this fade is on scroll as well in lower sections, and so probably the button. Am I able to make the button appear right at the begging like the main header text?

Regards,
klepow

#2

Hi There,

Could you please change the Duration to 1s instead of 10s?


Let us know how it goes!

#3

Hm, not really.
What I wanted to accomplish is to show button after header’s text (button was caching eyes more than text), but to show it as well right from start. That’s why text is set to appear in 5s and button in 10s, to delay it.

Now the button is starting to appear after scroll and it’s just too late for a user on desktop to spot it.
On mobile it’s ok, cause button is out of viewport, but on desktop it’s not ok.

Regards,
klepow

#4

Hey @klepow,

The column fade setting is a scroll based function so you need to scroll to show the contents of the column. What you need is not a feature offered by Pro so you would need a custom script to turn the opacity of the column to 1 when it reaches your specified time. Based on your current setup, you’ll need a script like this:

(function($) {
    setTimeout(function() { 
        $('.e4-11').animate({"opacity": "1"}, "slow");
    }, 3000);
})(jQuery);

See https://youtu.be/8h3C-99sYJ0

Assign a class to your column and use it to replace e4-11. The number 3000 in the code is 3 seconds. You can changed that as per your needs. Here is the documentation for the animate function.

Just note that what I’ve given is only a guide. This is not part of our support service so issues that would arise from the use of the code and further enhancements would be outside the scope of our support.

Hope that helps and thank you for understanding.

1 Like
#5

Roger! Sure thing, thanks a lot, I will make use of that, exactly what I needed to just delay it a bit.

Regards,
klepow

#6

You are most welcome. :slight_smile:

#7

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.