Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • February 6, 2018 at 3:57 am #908323
    CurlyHost

    I’m trying to link to sections on a page from the top level navigation but because of the animations of the posts flying in it links to that section and then moves around the page.

    Mom Talk

    How can I just disable animations for this element?

    • This topic was modified 6 years, 10 months ago by CurlyHost.
    February 6, 2018 at 4:31 am #908333
    Mike

    Hey Andrea,
    Try this code in the General Styling > Quick CSS field:

    #top .av_font_icon,
#top .avia-image-container,
.avia_transform .avia_start_animation.left-to-right.avia_image, .avia_transform .avia-icon-list .avia_start_animation .iconlist_icon, .avia_transform .avia_start_animation.avia-testimonial .avia-testimonial-image { 
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
animation: none !important; 
opacity: 1 !important;
-webkit-transform: scale(1) !important;
-moz-transform: scale(1) !important;
-o-transform: scale(1) !important;
transform: scale(1) !important; }

    Please clear any cache plugin and your browser cache and check.

    Best regards,
    Mike

    February 8, 2018 at 10:29 pm #910006
    CurlyHost

    Hmmm – it’s still animating for me. Is there an additional bit of code that would be needed so that it doesn’t animate in and just loads on page load?

    February 9, 2018 at 3:43 am #910085
    Mike

    Hi,
    Please try:

    .avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
    -webkit-animation: none !important;
    animation: none !important;
}

    Please clear any cache plugin and your browser cache and check.

    Best regards,
    Mike

    February 9, 2018 at 4:01 pm #910294
    CurlyHost

    Hi Mike,

    Now they don’t animate in but they still don’t load until you scroll over that section of the page so I still can’t direct link to the sub section still. Is there a way to make them all load on page load?

    February 10, 2018 at 5:38 pm #910576
    Mike

    Hi,
    That is odd, because they seem to be loading on page load for me in Chrome, Edge & Firefox in Windows.
    and going to the anchor. Please see the video in the Private Content area.
    Which browser are you using?

    Best regards,
    Mike

    February 10, 2018 at 7:55 pm #910622
    CurlyHost

    Okay, I brought the animation back – it doesn’t move the page around like it used to which was the main problem. It still waits to load till you get there but that’s fine as long as the page doesn’t shift. thanks!~

    February 10, 2018 at 8:30 pm #910633
    Mike

    Hi,
    Thank you for sharing your solution, we will close this now. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Remove Animation on Mosaic Blog Posts’ is closed to new replies.