Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 15, 2017 at 7:17 pm #747617
    pandaweb

    Hello,

    On the first load of the page the items on the masonry elements will show all but if you reload some of the item will get stack on top of the other item and it looks like the other items did not load but it did.

    my masonry settings will load all the items from the portfolio and at the moment there are 96 entries. please see the link provided

    I have read the old threads regarding same issue but it did not help.

    February 20, 2017 at 1:38 am #749111
    Mike

    Hey pandaweb,
    I believe what you are seeing is the masonry animation, I see what you are talking about only if I scroll to the bottom of the page and refresh. This is because the masonry animation is scroll triggered.
    If you believe your visitors will be refreshing at the bottom of the page, and would like to remove the animation try to use this code in the General Styling > Quick CSS field:

    .avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
-webkit-animation: none; /* Safari 4+ */
-moz-animation: none; /* Fx 5+ */
animation: none; /* IE 10+ */
}

.av-masonry-entry {
opacity: 1 !important;
visibility: visible !important;
}

    Best regards,
    Mike

    February 22, 2017 at 12:22 pm #750440
    pandaweb

    Hey Mike,

    Removing the animation does not solve the problem of stacking some image on top of another image when you refresh the page.

    Regards,
    pandaweb

    February 24, 2017 at 9:59 pm #751611
    Mike

    Hi,
    Sorry I can’t reproduce that issue, what browser are you using? Can you show a screenshot?

    Best regards,
    Mike

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