Tagged: ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • February 1, 2018 at 4:06 pm #906360
    kenwcmg

    Hi, currently, on my website, when scrolling down, the text blocks ‘jump’ or ‘bounce’ into place. Is there a way to stop this please? Here’s an example:

    Private Mountain Guiding

    Booking Form

    February 2, 2018 at 4:19 pm #906887
    Nikko

    Hey kenwcmg,

    Can you try the solutions in these threads:

    Turn off Animations

    Disable all animations?

    Hope this helps. :)

    Best regards,
    Nikko

    February 4, 2018 at 11:42 pm #907619
    kenwcmg

    Thanks, I thought there was a simple solution within the dashboard somewhere that allowed you to select the style of animation and whether or not you wanted it, rather than having to input CSS code.

    February 5, 2018 at 3:39 am #907644
    Nikko

    Hi,

    We are sorry for the inconvenience, however we don’t have that feature, so the solution in the threads I posted previous are the ones we suggest.

    Best regards,
    Nikko

    • This reply was modified 6 years, 10 months ago by Nikko. Reason: wrong spelling
    February 7, 2018 at 10:46 am #909002
    kenwcmg

    Hi, thanks for the reply, however, I entered the following code, and it hasn’t made any difference. The text blocks still pop-up into place.

    #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; }

    February 7, 2018 at 1:40 pm #909124
    Victoria

    Hi kenwcmg,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
.avia_transform .avia_start_delayed_animation.pop-up {
    -webkit-animation: none;
    animation: none;
    opacity: 1;
}

    Can you disable caching and minification for now?

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 7, 2018 at 5:18 pm #909308
    kenwcmg

    Thanks, I think I’ve done it using the built-in CSS Editor.

    February 7, 2018 at 5:43 pm #909325
    kenwcmg

    I’ve just been refreshing the page, and whilst the animation has reduced, the text isn’t on the page immediately, and take a millisecond or two to appear. Should what you suggested mean that the text is permanently in place?

    February 8, 2018 at 3:30 am #909541
    Ismael

    Hi,

    Thank you for the update. We disabled the cache and optimization plugins temporarily then added the following css codes.

    .avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-title, .avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-caption-title {
    visibility: visible;
    -webkit-animation: none;
    animation: none;
}

.avia_transform .av_slideshow_full.avia-fade-slider .active-slide .avia-caption-content, .avia_transform .av_fullscreen.avia-fade-slider .active-slide .avia-caption-content {
    visibility: visible;
    -webkit-animation: none;
    animation: none;
}

    Please remove browser cache or hard refresh before checking the page.

    Best regards,
    Ismael

    February 8, 2018 at 9:05 pm #909935
    kenwcmg

    Thanks Ismael, appreciate it!

    February 9, 2018 at 5:52 am #910119
    Rikard

    Hi,

    Glad we could help :-)

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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