Viewing 7 replies - 1 through 7 (of 7 total)
  • In Appearance > Customize > Responsive settings, set Enable/disable blocks reordering on small devices to unchecked.

    That is a necessary condition to solve the problem you have. It may not be sufficient, though, so come back here if it doesn’t solve it — I have more up my sleeve.

    Thread Starter hodgy06

    (@hodgy06)

    unchecked that but its still not working.
    If it makes any difference, its not always the same picture that doesn’t load, its random.

    OK. Here’s the long answer. You still need to leave that option unchecked.

    Switching off “Enable/disable blocks reordering on small devices” has been reported as solving the problem. And this is necessary: it seems to influence some timing-related issues. But it isn’t sufficient. I don’t know why.

    I’ve had this bug hit me and here’s what happened in my case….

    I hooked up my iPod Touch (which is retina) to my Mac with Safari. The Safari Developer Tools inspector will happily inspect the iPod’s Safari session. It’s really quite neat; I wish I’d used it earlier.

    This alerted me to some 404s I hadn’t been monitoring. In particular, the retina device was failing to find retina images for the logo and the slider (and in my case some flag icons). The Safari inspector showed 5x 404s and then gave a network failure on the first featured image, which promptly disappeared after 2 seconds. The disappeared image reported itself as “270 x 250 pixels (Natural: 0 x 0 pixels)”, which is incorrect; it should be “(Natural: 540 x 500 pixels)”.

    Further investigation of the 404s showed that the logo code was trying to load a logo called [email protected], but there is no such file. The only retina files on the server are [email protected], [email protected] and [email protected]. All these sizes are unique to me, of course (based on my logo dimensions), but the principle holds for everyone: [email protected] is not created at upload, nor when using regenerate thumbnails, yet the page is trying to load it.

    Similarly, I was getting 404s on my slider images. E.g. “[email protected]” gave a 404, because the only retina files on the server were [email protected], [email protected] and [email protected].

    Bottom line: This is a bug (not sure if it’s in Customizr or in the retina functionality that it uses; nikeo is looking into it). The retina code is looking for base image files with @2x on the end and not finding them.

    Solution: The bug disappears once you manually FTP-upload the “@2x” files it’s looking for (in my case: a logo, 3 sliders and a flag). Once I fixed all the 404s, the previously-disappearing image shows up as “270 x 250 pixels (Natural: 540 x 500 pixels)”, which is exactly as it should.

    In your case, the 404s are showing for:

    [email protected]
    [email protected]
    [email protected]
    [email protected]
    [email protected]
    [email protected]

    So make copies of:

    6-principle-foundations-of-health.png
    Your-Thoughts.jpg
    New-Logo-400-x-120.png
    instagram-icon-32x32.png
    stretch-e1404014553858-197x300.jpg
    meditation1-300x198.jpg

    add @2x on the end (for example Your-Thoughts.jpg would be copied to [email protected]) and upload them into the same directories as the original files.

    As I say, nikeo knows about this and a fix should come at some point, but this should solve the problem in the meantime.

    Let us know if this fixes your problem.

    Thread Starter hodgy06

    (@hodgy06)

    Thanks Electricfeet, Ill try this as soon as I get home from work.

    Cheers

    Thread Starter hodgy06

    (@hodgy06)

    I just went into the wp-content directory in file manager and made copies of the files you mentioned and renamed them. There was no instagram-icon-32×32.png, the closest file was instagram-logo-2 so I made a copy of that with @2x. It hasn’t fixed the problem and these files you mentioned aren’t the only ones that randomly stop working (I added @2x to a few other files that didn’t have them as well with no luck). Also if it matters, there is only ever 1 picture that stops working per page at a time.

    cheers

    Thread Starter hodgy06

    (@hodgy06)

    I just disabled retina support and this has fixed it. Is there any issues I may run into by doing it this way?

    Pictures will look a bit blurry on retina devices without retina support, because the lower-resolution is used and then scaled up on the device.

    The files I mentioned are not the ones that break, but somehow they cause the others to break.

    Let me know if you switch retina support back on and I’ll re-check if there are any still missing.

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