Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #1030693

    I’m having an issue on this site where my masonry element is having a hard time showing below my advanced layer slider element. It seems to be specifically related to the parallax functionality in my slider. I created a duplicate page with everything the same, but using a non-parallax slider, and the masonry element loads every time (see links below). Are you familiar with this issue by chance? I’ll include some credentials for you. Thanks!

    http://a48.f29.myftpupload.com (masonry doesn’t show up consistently)
    http://a48.f29.myftpupload.com/home-duplicate/ (masonry shows consistently)

    #1031135

    I no longer need this answer, now — we’ve decided against using the parallax — thanks anyway.

    #1032420

    Hi,

    I would like to apologize for the late response. If you have a test page, we’ll try and check the issue.

    Best regards,
    Ismael

    #1032776

    No prob — you should be able to see the issue on this page: http://a48.f29.myftpupload.com/home-portfolio-items/

    Thanks and let me know if you have any questions.

    #1033318

    Hi,

    Thanks for the update. I couldn’t reproduce the issue on Opera/Chrome Windows 8. The masonry element loads every time I refresh the page. Anyway, you can try this script in your functions.php file:

     function ava_enqueue_custom_script_resize() {
        if ( wp_script_is( 'avia-default', 'registered' ) ) {
            wp_add_inline_script( 'avia-default', "(function($){	
                var int = window.setInterval(function(){
                    console.log('tick');
                    $(window).trigger('resize');
                    $(window).trigger('av-content-el-height-changed');
                }, 2000);
    
                $(window).on('load', function() {
                    setTimeout( function() {
                        clearInterval(int);
                    }, 1000 );  
                });
            })(jQuery);" );
        }
     }
     add_action( 'wp_enqueue_scripts', 'ava_enqueue_custom_script_resize', 9999);

    Best regards,
    Ismael

    #1033624

    Thanks, but I don’t have the time or need to play with this right now. The issue seems pretty consistent (or at least very frequent) on my machine (High Sierra/Chrome/Safari), if you’re somehow able to test on a mac. Otherwise, thanks anyway and maybe I’ll revisit this a the client requires this set-up in the future.

    https://screencast.com/t/RR76ECPQvyl
    https://screencast.com/t/DLVi9oozQHZo

    #1034305

    Hi,

    Alright. You can try that script when you have the time. It should trigger the masonry animation. Let us know if it helps.

    Best regards,
    Ismael

Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘masonry not showing under advanced layer slider with parallax’ is closed to new replies.