Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 18, 2014 at 5:12 pm #353075
    jaripp

    How can I change loading/animating order of my layout elements? I have a one-pager with LayerSlider (as a header element) and after that a Gallery (inside Color Section). Problem is that the LayerSlider waits for Gallery animations to complete. What can I do?

    November 19, 2014 at 10:13 pm #353989
    Josue

    Hey!

    Try disabling the avia gallery popup animation:

    .avia_transform .avia-gallery-thumb img{
opacity: 1 !important
-webkit-transform:  none !important;
-moz-transform:   none !important;
transform:      none !important;
}
.avia_transform .avia-gallery-thumb  img.avia_start_animation{
-webkit-animation: none !important;
-moz-animation:    none !important;
animation:         none !important;
opacity: 1 !important;
-webkit-transform:  none !important;
-moz-transform:   none !important;
transform:      none !important;
}

    Cheers! 
    Josue

    November 19, 2014 at 10:27 pm #353998
    jaripp
    This reply has been marked as private.
    November 24, 2014 at 12:36 am #356398
    Josue

    Hello,

    After looking this in detail i’ve concluded that there is no way to prevent LayerSlider to behave like this as it will always load the slides via JavaScript, you can see the same behavior on the Enfold demo page:
    http://kriesi.at/themes/enfold/

    Nevertheless, i personally think this doesn’t represents a big issue in your current page layout as the layer slider is big enough to fill the initial viewport, at least on a normal laptop.

    Best regards,
    Josue

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