Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • July 5, 2018 at 6:49 pm #981690
    sfranks12

    I have 5 (five) icons on my home page, which I made large for a reason. What I need assistance on is when you scroll down the page the icons appear in a random order. Is there a way to make the all appear at the same time?

    Link to My Website

    July 6, 2018 at 6:30 pm #982167
    Victoria

    Hey Gene,

    Can you please deactivate css merging and see if the issue persists?

    Best regards,
    Victoria

    July 6, 2018 at 8:17 pm #982225
    sfranks12

    Victoria,

    That did not do it. It has been doing this since I created them. Before and plug-ins were activated as well.. I mean, I can live with it, but thought it would be nice if they all appeared at the same time.

    July 6, 2018 at 8:23 pm #982227
    Jordan Shannon

    Hi,

    You don’t want them to “bounce” in at all?

    Best regards,
    Jordan Shannon

    July 6, 2018 at 9:22 pm #982234
    sfranks12

    Yes, but would like all at the same time or at least go from left to right in order and not at different times as they do now..

    July 6, 2018 at 10:19 pm #982240
    Jordan Shannon

    Hi,

    Oh I see, apologies for this misunderstanding. I’m actually seeing them appear like that on each occasion.

    Best regards,
    Jordan Shannon

    July 6, 2018 at 10:23 pm #982241
    sfranks12

    So you do see what I am talking about.. Is there a way to fix that??

    July 8, 2018 at 5:39 pm #982735
    Victoria

    Hi sfranks12,

    Can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    July 9, 2018 at 4:13 pm #983183
    sfranks12

    Victoria.. please see private info..

    July 10, 2018 at 12:48 pm #983622
    Victoria

    Hi sfranks12,

    I really see no reason why this is happening like this, there are no errors and no plugins that could be interfering. Icons are not aware of each other and all have the same fade in effect in css, it’s just how a browser chooses to execute animation.

    Best regards,
    Victoria

    July 10, 2018 at 4:05 pm #983720
    sfranks12

    I figured out why. it is based on the “Icon Caption”. One line pops up first, two lines is next and then the one with three lines pops up last… So there in lies the source of the problem. Without changing the caption, can you think of a way to have them all pop up at the same time??

    Thanks for your help.. if not,, I can live with it, just wanted it to look uniformed is all..

    July 11, 2018 at 12:59 pm #984205
    Mike

    Hi,
    I have taken a look and found that the layerslider animation is the conflict, hiding the layerslider will allow the icons to animate from left to right, as intended. So since you will be using the layerslider, perhaps a solution is to create images of your 5 icons with the text, then replace the icon elements with image elements, and use one of the image animations. Hopefully the image animation will not be interrupted by the layerslider animation.

    Best regards,
    Mike

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