Header logo issue

Hi
I am uploading my logo into the header of my site, but I cant seem to upload .svg files and have to upload a png file, the problem is on a mobile device the png logo looks very blurry, especially if you zoom in even slightly.

The png file size is 160px X 60px, at a resolution of 72, I have tried to up the resolution to 150 but then the logo appears way to large in my header.

Could you please help me out and let me know, can I upload the file in vector format somehow? or is there a way of making sure the logo in the header does not look pixalated on mobile devices?

Thank you
Max

Hi Max,

Thanks for writing in! SVG file-type is disabled by WordPress core due to security reasons. If you still want to set it manually, you can set it by customizing your child theme. If you’re interested in that path, first you need to setup a child theme by following this guide (https://theme.co/apex/forum/t/setup-how-to-setup-child-themes/57).

Then you need to copy the file _brand.php (x/framework/legacy/cranium/headers/views/global/_brand.php) into your child theme’s respective location (x-child/framework/legacy/cranium/headers/views/global/_brand.php).

You can set the svg logo path like this by editing the line no 10.
$logo = "http://example.com/path/to/logo.svg";

Hope that helps.
Thanks!

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.