How to create fallback for SVG logo

  • Is there a way that I can enable a fallback PNG image file (for display in older browsers) when using an SVG file as the primary logo image?

    (Fyi, WordPress does not enable uploading of SVG files to the media library out of the box, but this option can be enabled manually in WordPress via some code placed in a child theme function.php file, and I have done this. So, my logo is currently an SVG image file.)

    Maybe a fallback image can be enabled by manually editing the Abaris theme files, or editing them via an abaris-child theme…? Any suggestions?

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello b-cat!

    I recommend you to read this article:

    https://css-tricks.com/svg-fallbacks/

    You can do the fallback using css only. ??

    Thread Starter b-cat

    (@b-cat)

    Thanks! Looks like a good solution.

    I’ll see if I can work that into the CSS or php files somehow. Different themes drop the logo into the pages different ways, and it sometimes hard to sort out which file dropped the image filename into the html page that is rendered.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to create fallback for SVG logo’ is closed to new replies.

Tags