Right down the bottom, I used a couple of the built-in social media icons to link to Facebook and Instagram. However, these are showing on the live site as broken links, even though locally and via a local MAMP server they are displaying correctly.
I can see from the code that they are SVGs rather than PNGs of GIFs, which I assume is the problem. Is this an issue server-side that I should alert my web host to?
@Lordgytrash, Sorry to hear this. I haven’t had the issue so I went and checked your site’s code…
I’m thinking that it looks like the svg files got corrupted along the way so could you remove them temporarily and re-publish and once done bring them back onto the canvas and re-publish again and see if that fixes the issue…
a quick check of the server headers for http://www.mattmcardle.co.uk/images/fb.svg suggests your server is returning text/plain for SVGs. I’m assuming this is what is making browsers throw a fit.
Server headers also suggest the server is apache, so if you don’t control the server you can create a file name .htaccess in the root of your site and place the following in it: