Help needed display svg logo

You guys helped me a couple days back to get my svg logo displaying correctly on 2 sites that had the same theme, but this theme is different:

Can you help me with some CSS to make the logo display crisp.

  • James Morris
    • WordPress Enthusiast

    Hello Derek

    I hope you are well today.

    I tried a number of things to try to clean up the display of the SVG logo in question, but the problem isn't the CSS or HTML, it's the actual SVG. I confirmed this by loading the SVG file in its own tab, then using Google Chrome's DevTools to resize the viewpoint (screen size) to 83px height, which is the native height of the SVG. The appearance was nearly identical to what is being displayed on your site. See screenshot.

    I tried a couple more tricks to hopefully smooth this out. I downloaded the SVG and exported it as a high quality JPG and as a high quality PNG. Neither yielded any better results. No resizing was done. I simply exported using the native SVG size.

    I'm afraid the problem is that this SVG simply doesn't scale or export well. :slight_frown:

    While I'm definitely not a graphics design expert, I've also run this issue across a few other staff. We all seem to be getting the same results.

    Best regards,

    James Morris

  • Derek
    • Site Builder, Child of Zeus

    Well thank you James for all your help and making such an effort (and please thank your team as well).

    I just used the same export settings from illustrator I've used on other sites (that previously worked), so it does make sense that the original logo must be the culprit here. I'll see what I can do.

    Thanks so much again. I really appreciate the customer service.


Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.