SVG logo not showing in Chrome

Hi,

I have uploaded the SVG logo of the demo to my website as a logo.

Showns fine on mobile and safari on a Mac, but chrome isn’t showing the SVG logo.

It’s just white.

Hello,

Thank you very much for choosing our theme and contracting out support. Please provide your site amdin access we shall check the issue.

Best Regards

See private msg

Hi,

We have checked your site and found that problem in your SVG logo image structure. If you open your SVG image in any text editor you can see that there actually is raster image inserted inside SVG tag though xlink:href (http://prntscr.com/jhqhfg) which does not work well in WebKit browsers (https://stackoverflow.com/questions/35645326/svg-image-using-xlinkhref-not-working-in-chrome).

Such use of SVG images will not allow using the advantages of SVG as the image is not scalable. (https://prnt.sc/jhqi72). In this situation is better to use the default raster png image, or recreate your logotype using SVG shape elements (https://www.w3schools.com/html/html5_svg.asp).

Regards

[Author]

Posts