Preso na visualização da área de trabalho no celular devido a um logo longo

Suporte
1

Isso pode ser considerado um bug, mas não tenho certeza.

Tenho um usuário preso na visualização de desktop em um dispositivo móvel (quem sabe por que ele clicou na visualização de desktop) porque o menu hambúrguer está sendo empurrado para fora da tela pelo nosso logotipo longo. Não consigo replicar isso no meta, pois o logotipo se encaixa perfeitamente, mesmo na visualização de desktop.

Eu poderia dizer a ele para alterar a URL para sair da visualização de desktop, mas isso não é possível no aplicativo Discourse. Posso ocultar temporariamente o logotipo para que ele possa voltar, mas uma solução real a longo prazo seria interessante, apesar de ser um caso limite.

Tentei desativar todos os componentes do tema e plugins, e ainda consigo replicar isso.

image
image1104×1574 287 KB

2

Você poderia talvez adicionar o link Nature Photographers Network ao menu suspenso “Comunidade” (para retornar à visualização móvel).

Você poderia remover a opção “visualização para desktop” do menu hambúrguer usando um componente de tema.

Eu me pergunto se remover o fórum do aplicativo Discourse e depois reinstalá-lo resolveria o problema atual.

3

Sim, concordo, isso precisa de uma correção no núcleo. Acredito que a melhor solução seria impor uma largura máxima para o logotipo em tamanhos de janela pequenos (abaixo de 768px) no layout de desktop.

Além disso, a maneira mais fácil de replicar isso é usando o modo de design responsivo no seu navegador, mas NÃO usando um agente de usuário móvel. Isso carregará o site de desktop e, em seguida, você poderá redimensionar a janela para tamanhos pequenos. (Exemplo abaixo do Safari.)

image
image1580×2012 324 KB

4

Obrigado, Penar, isso me deu a ideia de trocar o logotipo na visualização para desktop abaixo de 768px pelo logotipo móvel. Algo semelhante provavelmente deveria estar no núcleo. Obrigado!

@media only screen and (max-width: 768px) {
  body {
    .d-header #site-logo {
       content:url("https://images.naturephotographers.network/original/2X/4/45d1b54bc00a5a737fae7dfe3d79b8d8dfd71729.png");
    }
  }
}