How can I optimize SVG logo display on Broadcast theme?

Technical Q&A
1

Hi,

I’d like to use an SVG file for logo. I’m following this guide:

https://www.clickleaders.com/shopify-svg-logo/

I’m successful in replacing the logo with SVG, but it doesn’t look right.

Currently the theme:

  • Changes the uploaded png (black logo) to white on transparent header, knowing to change to black on lighter backgrounds
  • Resizes the logo to fit different areas
  • Logo looks awful on mobile (tiny)

The SVG looks crisp and beautiful but does not resize/add padding/change colour.

How can I get the SVG to perform as above, or get the Broadcast theme logo to look as crisp as possible? The PNG file I’m using is large, crisp, good quality but displays poorly.

2

@jkmdf

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.