Image Compare Block

  • Resolved sandnsurf

    (@sandnsurf)


    4 years, 6 months ago

    Using the Jetpack Image Compare Block. Works great on desktop, but not showing on mobile page. Not sure what I am doing wrong. The alternate block works well, as an example there qre two comparison blocks in this post: https://litfl.com/scimitar-syndrome/

    The page I need help with: [log in to see the link]

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Support darnelldibbles

    (@darnelldibbles)

    Hi there,

    What mobile device are you using? I visited the site on iPhone and did not have any issues with the block:

    Is this what you are seeing?

    Thread Starter sandnsurf

    (@sandnsurf)

    Yes.
    The image above is the Jetpack plugin (the two little arrows above the image you are scrolling over)
    The image you are using is another block plugin, I put them both up to compare and to review the fact that the Jetpack block did not show.

    • This reply was modified 4 years, 6 months ago by sandnsurf.
    Plugin Support KokkieH

    (@kokkieh)

    It looks like you’ve now removed the Jetpack block, as I don’t even see it on your site on my computer. Can you please add it back? You can add one to a test page so it doesn’t mess up actual content on your site.

    And can you tell me what kind of mobile device and which browser you’re using?

    I added an image compare block to one of my test sites, and it’s working fine for me in Chrome on Android. You can see my test post here:

    https://coresandbox.mystagingwebsite.com/image-comparison/

    Thread Starter sandnsurf

    (@sandnsurf)

    Thank you – definitely still on the page (at the bottom)
    Have added 4 images to a test page https://litfl.com/test-3/

    Plugin Support KokkieH

    (@kokkieh)

    Thank you – definitely still on the page (at the bottom)

    Hmm, I only see the image from Darnell’s screen shot above, which you said you added using a different plugin.

    And I don’t see any images on https://litfl.com/test-3/, on my desktop browser. So it looks like something on your site might be causing a conflict with this block, preventing it from loading on the site.

    Please disable all plugins except Jetpack, and switch to the default Twenty Twenty theme, and check if the images appear then. If the images appear, enable your theme and plugins one by one to identify the source of the problem.

    If you are able to install plugins, install Health Check. On the troubleshooting tab, you can click the button to disable all plugins and change the theme for you, while you’re still logged in, without affecting normal visitors to your site.

    Thread Starter sandnsurf

    (@sandnsurf)

    Thank you
    I think back on track now. Looks like WP rocket Mobile Cache was causing the issues
    Looks to be working now on https://litfl.com/test-3/ and both images on https://litfl.com/scimitar-syndrome/
    Hopefully will resolve the problems. Thank you for the support and suggestions.

    Plugin Support KokkieH

    (@kokkieh)

    Glad I could help, and that you were able to find the problem ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Image Compare Block’ is closed to new replies.