Error on SVG favicon

Hello,

This is a known issue that can only be remedied by adding some code to your theme to skip the cropping for SVG files. Though I haven’t done it for favicons because I manage them at the root of the site for better results and I use realfavicongenerator which also generates tiles and icons for all platforms.

But to add the skip cropping for the custom header and custom logo in the customizer is pretty straight forward. You dequeue your theme’s support for them and then add it again with flex-width and flex-height set to auto.

Here is some reading:
https://developer.www.ads-software.com/themes/functionality/custom-headers/

https://developer.www.ads-software.com/themes/functionality/custom-logo/

And a thread where we have dealt with the skip cropping before:
https://www.ads-software.com/support/topic/image-crop-error-for-beginners/

Though, I would really suggest using a full favicon solution. The way it is used from the WordPress customizer isn’t as deep as it should go these days. Definitely have a look at proper favicon generators and storing them at the root of your site.

thanks
realfavicongenerator is the best solution…

My pleasure.
It’s absolutely the best solution. As you know now, it provides you with all of those other icons and tiles and bookmark icons and makes sure your site has the favicon in both admin and front end ??

Hi,

Could you tell me – after I have generated a package using the favicon generator – how should I add/upload it to my WordPress site (I am using Divi)?

Hi @ali1web,

Please don’t hijack other threads, start your own.

This is outside the scope of my plugin and doesn’t require my plugin at all actually.

However, you unzip the package of icons and upload them all to the root folder of your site (usually the public_html folder, where your wp-content, wp-admin folders and wp-config.php files are). Then add the code they gave you to the header.php file in your child theme.

Thank you!