Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #460586

    Hi,

    i serached the forum for hours but ccould not find the right solution.

    We have a masonry blog grid. When resizing the browser window you see an animation where the images resize. So the gallery fits the browser window width again.
    But, when this is done the images get overlapped (when scaling down), also there is a delay in the resizing of the images.

    How can we remove the delay, and have the transition take place right away, and also no overlapping of the images taking place.

    Really hope this is possible!

    FYI; the below codes are not working:

    .av-masonry-entry.isotope-item.av-masonry-item-no-image.av-masonry-item-loaded,
    .avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry {
      -webkit-animation: none !important;
      animation: none !important;
      transition: -webkit-transform 0s, opacity;
    -webkit-transition: -webkit-transform 0s, opacity;
    -webkit-transform: translate3d(0px, 0px, 0);
    }
    .av-masonry-entry {
    opacity: 1 !important;
    visibility: visible !important;
    }
    .avia_desktop.avia_transform3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
    -webkit-animation: none; 
    -moz-animation:    none; 
    animation:         none; 
    } 
    
    .js_active .grid-image{opacity: 1 !important;}
    .grid-entry {
        -webkit-transition: none !important;
        -moz-transition: none !important;
        transition: none !important;
    }
    #461339

    Hi hotspot!

    Thank you for using Enfold.

    Do you mind if we take a look at the page with the issue? Make sure that you’re running the latest version of Enfold. A screenshot will help. Use imgur or dropbox. Are the masonry items stacking on top of each other? Please try the solution provided here:

    https://kriesi.at/support/topic/problem-with-portfolio-overlapping-images/#post-455474
    https://kriesi.at/support/topic/masonry-gallery-images-stacking-on-top-of-each-other/#post-433895

    Regards,
    Ismael

    #461344
    This reply has been marked as private.
    #461358

    BTW the codes you provides does not solve our issues

    #461909

    Hey!

    about which overlapping are you talking about? I can’t see it. Please always provide screenshots, as Ismael already mentioned, to make things clear for us.

    The resizing effect of the masonry gallery is it’s normal behavior and hard coded. If Ismael’s code does not provide a solution for you, then it would require a heavy customization of the theme and you would need to hire a freelancer for this kind of job.

    Cheers!
    Andy

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