Remover logotipo móvel com CSS

Quão fácil seria remover o logotipo na versão mobile mantendo-o na versão desktop? Entendo que é viável apenas “excluir” o arquivo enviado para o logotipo mobile, mas isso faria com que ele assumisse o padrão do desktop.

Tentei o seguinte:

#logo {
display: none;
}

e também

.logo-pane {
display: none;
}

mas nenhum dos dois pareceu funcionar — ambos foram colocados na seção Mobile. É claro, não sou muito proficiente em CSS. :wink:

1 curtida

Se você adicionar sua primeira regra CSS na aba CSS Móvel do seu tema, ela deve funcionar para remover o logotipo. Se estiver testando isso em um computador desktop, adicione mobile_view=1 à URL do site para carregar o CSS móvel.

Acho que remover o logotipo na versão móvel não será uma boa experiência para seus usuários. Qual é o problema que você está tentando resolver?

7 curtidas

Parece que não está funcionando, receio. Tentei também site-logo e logo-big.

Em teoria, concordo 150% com você — nossa instância do Discourse existe dentro de um WebView, com elementos de interface externa ao redor que tornam certos aspectos padrão da UI redundantes.

(a maioria, senão todos, dos nossos usuários são móveis)

edição: tentei novamente com site-logo e funcionou perfeitamente!

Olá,

Você pode tentar adicionar o seguinte código ao campo CSS Adicional em Painel Administrativo > Aparência > Personalizar:

div#logo {
display: none;
}

Obrigado!

1 curtida