-
Posts
-
Hello,
we are using latest Enfold and on some pages the “gallery” module (NOT masonry gallery).
Sometimes the images don´t align properly (it seems that it depends on the image-order). Can you check my demo-page in private content (login credentials included).
This gallery worked fine some months ago but suddenly by updates it´s not working properly now.best,
MarcHi Marc,
The gallery on the test page looks fine on my end using Chrome. Could you post a screenshot highlighting the problem, and let us know how to reproduce it please?
Best regards,
RikardHello,
looks like it depends on browser. I´m on Mac and on Safari its fine but on Chrome for Mac it´s not. Take a look at the screenshot in private.Best,
Marcah, it looks like it also depends on the window size sometimes! So also on Safari I´m having this problem in different window sizes.
And on your demo-pages you are also having this problems here – depending on browser size:Hi,
Thanks for the update. I’m on OSX as well, and I checked your page, and the demo page in both Chrome and Safari on a 13″ screen and below, but I still can’t reproduce the problem. Is there anything in particular which we need to do in order to reproduce this?
Best regards,
Rikardtry to reduce your browser window. For me your demo-gallery is wrong between 768px and 945px. and also below 668px. also on smartphone its wrong (iphone 12 Safari and chrome.
please check it :)
best,
MarcHi,
We cannot reproduce the issue on Firefox Dev Windows 10. Have you tried adjusting the width of the gallery items a bit?
#top #wrap_all .avia-gallery-1 .avia-gallery-thumb a { width: 19.90%; }Default width is set to 20%.
You may need to toggle or temporarily disable the Performance > File Compression settings.
Best regards,
IsmaelHey,
you can see the problem on your own demo-page here on the video:
https://www.dropbox.com/s/vwp1ouq09v7ef22/enfold-gallery-video.MOV?dl=0I´m just resizing the window size (27″ iMac Chrome, Safari and Firefox). So must not be a problem on my side, but Enfold overall?
best,
MarcHi,
Thank you for the short clip.
It only happens in the demo because the gallery item has an absolute width of 80px, so the items in the row do not fit on certain screen sizes. We could set the width of the gallery item in percentage relative to the width of the parent container so that they fit together regardless of the screen size.
#top .gallery .gallery-item { width: 14%; }Best regards,
Ismaeloh, the demo-gallery on kriesi page is the default wordpress gallery.
But I´m using the Enfold “gallery” block.
I´ve recognized it depends on enfold version. In 4.7.4 my gallery of demo page works fine. But on latest version it´s not.
So If I take the folder /enfold/config-templatebuilder/avia-shortcodes/gallery out of 4.7.4 everything is working fine. But I think then there are problems with custom-links for images. So please fix this gallery problem in latest enfold.I just found out something interesting.
The Gallery works fine if I delete this line in /config-templatebuilder/avia-shortcodes/gallery/gallery.php:
$img_tag = Av_Responsive_Images()->prepare_single_image( $img_tag, $attachment->ID, $html_lazy_loading );Hi,
Thank you for that info.
The Gallery works fine if I delete this line in /config-templatebuilder/avia-shortcodes/gallery/gallery.php:
It is possible that WordPress is replacing the selected thumbnail with the appropriate image size for the current screen width or resolution based on its own criteria. You may need to disable the Enfold > Performance > Responsive Images option to prevent this from happening.
Best regards,
IsmaelHello,
okay if I disable Responsive Images then it´s working fine! But I would like to keep this nice speed-feature enabled (because its important for SEO).
Will you correct this in your enfold-theme gallery?Best,
MarcHi,
Thank you for the update.
If you want to continue using the responsive images option, then we would have to modify the gallery.php file and remove the responsive image option manually. Look for the same line of code that you mentioned above, and remove it.
$img_tag = Av_Responsive_Images()->prepare_single_image( $img_tag, $attachment->ID, $html_lazy_loading );This should disable the responsive image option for the gallery only, and in order to preserve the modification in your child theme, please check the following documentation.
// https://kriesi.at/documentation/enfold/intro-to-layout-builder/#add-elements-to-alb
Best regards,
Ismaelthank you for your help.
You also put this “bug” on your internal bug-list or should I create a bug-ticket somwhere? Because better to implement a solution in the theme also for others :)thank you,
best MarcHi,
You are very welcome! Could you post the FTP details in the private field so that we could toggle the responsive image option of the gallery element? We may need to test it further and hopefully, we could come up with a better solution. And since the issue is already visible in your site, it would be a lot easier if we could test it there.
Best regards,
IsmaelHi Ismael,
sorry I can´t give you FTP details of this page becaus it´s a live-site. Better you use your own test-wordpress with latest enfold where the same problem should occur!
Hope for an enfold-update soon :)best,
Marc
- The topic ‘Enfold Gallery: images at wrong positions –’ is closed to new replies.