Hi
We created a landing page where we have a timeline with the stars icon.
On desktop this works fine and the stars come active on scrolling. On the tablet this does not work.
What we can do for that it works also on tablets?
See login data below in the private content section.
Thanks very much.
Best regards
Mike
Hi Mike,
Could you post a screenshot highlighting the problem you are seeing on tablets please? Also please let us know in which browser you are seeing this problem.
Best regards,
Rikard
Hi Rikard
See the screenshot in the attachement.
On the desktop, the icons of the timeline are “active” and good visible.
On the tablet, the icons of the timeline are “inactive” and not good visible.
Thanks very much.
Best regards
Mike
Hi,
Thanks for the screenshots. I changed the visibility of that section in order to check it on tablet, and I see the same problem on my end as well. Could you try disabling your caching/performance plugins, to see if that makes any difference please?
Best regards,
Rikard
Hi Rikard
I disabled the caching/performance plugins.
On the desktop it’s still ok. On the tablet (landscape) it is still the same problem, the icons do not come active.
Thanks very much.
Best regards
Mike
Hi,
Thanks for the update. I can’t see why the animations are not working on tablet unfortunately, but you can try this in Quick CSS in order to display the milestone icons in the final animation state all the time:
@media only screen and (max-width: 1024px) {
span.milestone_icon {
animation: none !important;
opacity: 1 !important;
}
}
Best regards,
Rikard
Hi Rikard
Ok, this seems to work.
You can close this issue.
Thanks very much.
Best regards
Mike
Hi Mike,
We’re glad to hear that :)
Thanks for using Enfold and have a great day!
Best regards,
Nikko