[image] It’s 3:1. But show as 1:1. It’s a SVG. [image] The style of logo elements are as same as here Edit: Same without any components Edit#2: It’s caused by svg’s viewBox. How can I make a svg compatible with Discourse?

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" …

[imagem] SettingDust: It’s caused by svg’s viewBox. How can I make a svg compatible with Discourse? maybe try editing the svg’s viewbox? based on the screenshot I’d guess that despite the logo being 3:1 the viewbox is 1:1?

The width & height of viewbox is 3:1. And it’s ok on desktop

It’s ok when I specific the max-height of img to height. But it’s seems that a value been generated. So I don’t think it’s a solution :smiley:

It’s seems that the width & height specific a absolute value. But the view box more like a “relative” value. And it’s ok. Thanks a lot :smiley:

Por que meu logo mobile está estranho

Suporte

SettingDust (Setting Dust) Maio 4, 2021, 4:20am 5

Está tudo bem quando eu especifico o max-height da imagem como height. Mas parece que um valor está sendo gerado. Então, não acho que seja uma solução

Tópico		Respostas	Visualizações
Svg mobile logo scales incorrectly Bug	13	1168	8 de Março de 2023
Logo squished in mobile view? Support	1	711	14 de Outubro de 2022
Stuck in Desktop view on mobile from long logo Support	3	598	30 de Novembro de 2020
Mobile logo in header broken Support	14	1950	23 de Novembro de 2018
CSS to increase height of logo and header in dektop <> Mobile view Development css	16	1207	31 de Janeiro de 2024

Por que meu logo mobile está estranho

Tópicos relacionados