Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 28, 2020 at 4:33 am #1226176
    laptophobo

    I am finding that on some mobile view, in particular: Android with Chrome browser, the Masonary Gallery does not show the images (just a black background). I’m seeing this issue on 2 of my sites (“Rose” and “dot org”. The links to both sites are in private.)

    Here is what I’ve tried so far:
    – deleted cache on both WordPress and my testing phone.
    – have turned off all animation options in the gallery
    – I have tried using this CSS style to enforce the viewing:

    masonry-entry.av-masonry-item-loaded {
    visibility: visible !important;
    }

    One of the plugins I am using is ShortPixel AI (which is an image compresshion app). When I deactived it on both of my sites, the images reappeared. when I reactivated the plugin, the images dissappeared in 1 of the sites (ROSE) but are still viewing in the other (dot org).
    Does anyone have a solution?

    • This topic was modified 4 years, 4 months ago by laptophobo.
    July 1, 2020 at 8:34 am #1227128
    Ismael

    Hey laptophobo!

    Thank you for the inquiry.

    We checked the site “rosecdc” on an old Android phone with Chrome and the gallery displayed properly — we were not able to reproduce the issue. Could you provide a screenshot of the page?

    Best regards,
    Ismael

    July 1, 2020 at 9:41 am #1227184
    laptophobo

    thanks Ismael. I have yet to reproduce the problem on other mobile phones, so the issue may be moot now. I was just thinking that to make absolutely sure the images will show that there is a CSS i could use such as: visibility: visible !important;

    If you have a suggestion for one, that would be perfect.

    July 5, 2020 at 8:45 pm #1228080
    Ismael

    Hi,

    Thank you for the update.

    You can use this css code to disable the fade in effect of the masonry items and make them immediately visible on page load.

    .av-masonry-image-container {
	-webkit-perspective: 1000px;
	-webkit-backface-visibility: hidden;
}

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

    Best regards,
    Ismael

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