Masonry Galley loading issue – Enfold

Hi,

Sorry for the delay. Try to add this css code.

.av-masonry-image-container {
    -webkit-transition: none;
    transition: none;
}

And try to disable the transition property in the previous css code.

.av-masonry-entry {
    opacity: 1;
    visibility: visible;
    -webkit-transition: none;
    transition: none;
}

Best regards,
Ismael

Hi,

Thank you for the update.

Did you remove the css code? The animations are back. Instead of disabling the animation, try to adjust the waypoints script so that the animation triggers earlier. The script is in the js > shortcodes.js file around line 217.

function activate_waypoints(container)
	{
		//activates simple css animations of the content once the user scrolls to an elements
		if($.fn.avia_waypoints)
		{
			if(typeof container == 'undefined'){ container = 'body';};

			$('.avia_animate_when_visible', container).avia_waypoints();
			$('.avia_animate_when_almost_visible', container).avia_waypoints({ offset: '80%'});

			if(container == 'body') container = '.avia_desktop body';
			$('.av-animated-generic', container).avia_waypoints({ offset: '95%'});
		}
	}

Adjust 80% and 95% to to -50%.

Best regards,
Ismael

Hi,

If you have any additional questions at this time we kindly ask that you open them up in a separate thread. The longer threads get in the forum, they become more difficult to support as they tend to drift off topic and they also make it troublesome for users trying to search for solutions. Keeping threads relevant to their original inquiry ensures that we can keep better track of what has been resolved and that users can more effectively find answers to similar issues they might be experiencing.

Thanks!

Best regards,
Ismael

Hi,

Thanks. We’ll close this one now. See you on the next thread.

Best regards,
Ismael