Streaming live at 10am (PST)

CMS Images not loading on select browsers

Hi there. I have populated a CMS collection list with logos on the page linked at the end (all svgs) and haven’t had a problem until earlier today, when some logos stopped appearing on both Firefox and Safari, respectively. I’ve attached some screenshots below.



On both browsers, the developer console states that it could not load the image.

Meanwhile, all logos continued to appear on chrome (below), which has me perplexed.

There were no changes to the site during the period when this started popping up. I have also already tried changing file location, name, and type to no avail.

Read-only link: https://preview.webflow.com/preview/roberts-fresh-project-9c4f57?utm_medium=preview_link&utm_source=designer&utm_content=roberts-fresh-project-9c4f57&preview=6dcb9297520ea00dfad22efb8f34c7c6&pageId=5ebef90149a3f33e8ac938ab&mode=preview

Live site: https://roberts-fresh-project-9c4f57.webflow.io/compareplatforms

Would appreciate any help with this.

1 Like

Hey Robert!

After a bit of snooping around, I’m positiv on the issue.
It seems like two of your svg files are loaded with the wrong content-type.

Here’s a working svg:

Here’s one of the broken ones:

This is a issue with the server serving that wrong content-type, there’s nothing you can do client-side about this!

  1. Try re-uploading the svg to WF and change it’s filename and reinsert it into the cms item.

  2. Try using the svg’s not inside an <img>element but rather as a background-image on a div

Those above should work best, maybe a simple re-upload of those two broken ones will work?!

If all these fail, you could also encode the svg’s to base64 but I guess that’s not the best solution.

Keep me postet on progress or problems!
Always happy to help!