Streaming live at 10am (PST)

CMS images show broken on mobile


#1

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

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


#2

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:


#3

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