A handy way of applying a logo icon with one SVG file. about hugo-theme-zzo HOT 6 CLOSED

I don't understand clearly what you mean.
Do you want to use an svg file instead of a png file?

from hugo-theme-zzo.

yes only one svg file which would serve as logo for any size, and also favicon

the file could place out of the theme, which we cannot today

from hugo-theme-zzo.

after these two issues, your theme will be perfect :)

from hugo-theme-zzo.

As for the favicon, It's not in my code. Hugo controls the favicon. If you put your favicon.ico file in your root/static folder, it should work. So, I think you should generate your favicon.ico file.
And, if you want to use an svg file for the logo, I recommend you to override Zzo theme's partial folder.
In your case, make file at root/layouts/partials/navbar/site-nav.html and then copy-paste code from
themes\zzo\layouts\partials\navbar\site-nav.html
and then edit the file name as you want. You got it?

Let me find out if there is a handy way. I understand what you mean anyway

from hugo-theme-zzo.

Hey~, I have searched what you requested. I found that there is no magical way to serve logo icons with just one SVG file. I have added the feature to use logo.svg file as a favicon, but not all browsers would support the SVG file. I have tested it in Chrome, Firefox, but Chrome doesn't seem to support it.

You should see this article for more detailed information. - The one-size-fits-all myth

SVG favicon supported browser

As to the navbar logo, If you want to use logo.svg file, you should override or edit directly the navbar.html file as I explained above.

You can make manifest.json file in the static folder that can serve other icons.

My Conclusion: It's impossible that the logo.svg file to serve logo as a whole

Feel free to discus more or reopen this issue.

from hugo-theme-zzo.

Thanks, I overide navbar.html for the moment

from hugo-theme-zzo.