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.
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
This is a issue with the server serving that wrong content-type, there’s nothing you can do client-side about this!
Try re-uploading the svg to WF and change it’s filename and reinsert it into the cms item.
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!
This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.