The Grid Panel Gallery feature looks like it works perfectly on the Elementor back-end, but seems to completely disappear on the front-end of the site if any images are added. It only seems to appear on the front-end if I have a completely empty gallery. It doesn't seem to matter what images I feed it - any image makes it disappear from the front-end.
I'm also trying to use the "Scroll Reveal Text" element on the same page, and it works, but it stops working and doesn't load when the Grid Panel Gallery is failing to appear on the front-end.
Jetpack lazy image loading doesn't seem to be involved; toggling it off doesn't change any of the behavior. Was wondering if that might have been it since I saw it in the image tags.
The image source is loading correctly with a valid link, but the height of the grid panel image gallery is 0px, based on what I'm seeing in the output HTML.
Same behavior in Firefox as in Chrome.
Removing all of my possible CSS changes to the element doesn't fix the problem.
Seems like it's a theme conflict - I noticed a script line below the image ('window.tgpQueue.add') and tracked it down to my theme, TheGem, and its own settings in lazy-items.class.php. Turning the theme's lazy loading settings off seems to solve the problem. That's great, but I'd like it to work, so I'm going to have to figure out how to tweak it to play nice.
Also noticed that if I have Jetpack's default lazy image loading settings on, the failure returns. This means in order to have the grid panel image gallery working I need to not only disable my theme's pagespeed optimizations, but those in Jetpack relating to image loading.
Yeah - in the sense that it's working now, kind of, but only if I disable lazy loading via Jetpack and through my theme. The theme one I can understand, but the Jetpack one is a bit surprising given its prevalence - is there anything I can do about that?
The Grid Panel Gallery feature looks like it works perfectly on the Elementor back-end, but seems to completely disappear on the front-end of the site if any images are added. It only seems to appear on the front-end if I have a completely empty gallery. It doesn't seem to matter what images I feed it - any image makes it disappear from the front-end.
The attachments illustrate the problem.
Additional observations:
http://proto.fusedcreations.com/pf/borderlands-3-vault-hunter-statues/
I'm also trying to use the "Scroll Reveal Text" element on the same page, and it works, but it stops working and doesn't load when the Grid Panel Gallery is failing to appear on the front-end.
Further notes:
Jetpack lazy image loading doesn't seem to be involved; toggling it off doesn't change any of the behavior. Was wondering if that might have been it since I saw it in the image tags.
The image source is loading correctly with a valid link, but the height of the grid panel image gallery is 0px, based on what I'm seeing in the output HTML.
Same behavior in Firefox as in Chrome.
Removing all of my possible CSS changes to the element doesn't fix the problem.
Seems like it's a theme conflict - I noticed a script line below the image ('window.tgpQueue.add') and tracked it down to my theme, TheGem, and its own settings in lazy-items.class.php. Turning the theme's lazy loading settings off seems to solve the problem. That's great, but I'd like it to work, so I'm going to have to figure out how to tweak it to play nice.
Also noticed that if I have Jetpack's default lazy image loading settings on, the failure returns. This means in order to have the grid panel image gallery working I need to not only disable my theme's pagespeed optimizations, but those in Jetpack relating to image loading.
Yeah - in the sense that it's working now, kind of, but only if I disable lazy loading via Jetpack and through my theme. The theme one I can understand, but the Jetpack one is a bit surprising given its prevalence - is there anything I can do about that?