Why is my mobile logo weird

I tried a few things out, and it looks like the viewbox is causing issues… if I instead move those values to height/width and remove viewbox, it works the same on desktop and mobile.

So, opening up the svg in a text editor and changing the second line from:

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 751.98 200">

to:

<svg xmlns="http://www.w3.org/2000/svg" width="751.98" height="200">

I’ll have to look into why that’s different on mobile…

1 Like