Streaming live at 10am (PST)

Logo being slightly clipped/cut live but not in designer

I’m noticing that on Chrome the logo of the site I am working on is being clipped on the left (screenshot). It doesn’t appear as clipped in the designer, but does via the published links. I’ve also noticed that this issue doesn’t seem to persist on Firefox or Safari. Any thoughts on what might be going on?

Published Link:
Read-Only link:

It looks like it’s the image itself to me:


When you upload an image Webflow creates different versions for different uses to optimize load times:

The smaller versions all seem to have the cut-off logo, the largest image does not:

I would just try deleting and re-uploading.

Thanks for responding, Sam! I’ve just tried this with no luck. Any other thoughts are welcome.

Just out of curiosity, do you have this logo as an svg?

1 Like

I can certainly get access to it. Great thought, I’ll reach out to the owner. Thanks!

@efburke - yea this is a weird one. I just tried removing this from the code and it solves the issue:


Which fixes the issue:


One other thought is to try to remove the width property from the image itself:


And control that with a class instead like this one:


Hey @sam-g ,

Would you mind sharing exactly which part of the code you are removing?

Context: I’m experiencing the same issue in this thread. I was able to use a jpeg logo file to fix the issue in my header where the logo gets clipped, but the footer needs to be a transparent due to a blue background, and thus I need to use a png.

I tried using a custom size, but to no avail.

Can you share exactly what code you removed and how you did it?