CMS images show broken on mobile

Am having a huge problem with the main article image loading from my site’s CMS collection. On full screen the image loads perfectly - on my computer with a reduced screen size, on mobiletest.me and on my Androud phone all Article page main images show as broken when I load. I have re-made the collection, re-made the collection page etc all to no avail.

The really strange thing is if, on the reduced size screen, when loaded showing a broken link, if I drag the window to full screen the image loads, then if I reduce the screen size the image stays and show at all break points.

Please help, this is my wife’s site and I promised her I’d finish today. Apart from a few buggy responsive issues I’m almost there.

Here is my public share link:
https://preview.webflow.com/preview/janenaturopath-com?preview=265ca3ccfdf8dfb0c8afa9e8d907d22c

A typical Article page is here
http://janenaturopath-com.webflow.io/articles/boosting-winter-immunity

The published site’s link is
http://janenaturopath-com.webflow.io/

PS please be gentle on the quality of the CSS and especially the Classes - I kind of made it up as I went along.

Look forward to hearing from you

Peter

your image filenames seems to have spaces and special characters in them.

Try replacing them all with images with proper filenames.

Hope this helps :slight_smile:

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.