Atascado en vista de escritorio en móvil por logo largo

Soporte
1

Esto podría considerarse un error, pero no estoy seguro.

Tengo un usuario que está atrapado en la vista de escritorio en un dispositivo móvil (quién sabe por qué hizo clic en la vista de escritorio) porque el menú hamburguesa se sale de la pantalla debido a nuestro logotipo largo. No puedo replicar esto en Meta porque el logotipo encaja perfectamente, incluso en la vista de escritorio.

Podría decirle que cambie la URL para salir de la vista de escritorio, pero esto no es posible en la aplicación de Discourse. Puedo ocultar temporalmente el logotipo para que pueda volver a cambiar, pero sería agradable tener una solución real a largo plazo, a pesar de ser un caso excepcional.

Intenté desactivar todos los componentes del tema y los complementos, y aun así puedo replicar esto.

image
image1104×1574 287 KB

2

Podrías agregar el enlace Nature Photographers Network al menú desplegable de «Comunidad» (para volver a la vista móvil).

Podrías eliminar la opción de «vista de escritorio» del menú hamburguesa utilizando un componente del tema.

Me pregunto si eliminar el foro de la aplicación Discourse y luego volver a habilitarlo resolvería el problema actual.

3

Sí, estoy de acuerdo, esto necesita una corrección en el núcleo. Creo que la mejor solución sería imponer un ancho máximo al logotipo para tamaños de ventana pequeños (por debajo de 768 px) en la disposición de escritorio.

Además, la forma más sencilla de replicar esto es usar el modo de diseño responsivo en tu navegador, pero sin usar un agente de usuario móvil. Esto cargará el sitio de escritorio y luego podrás redimensionar la ventana a tamaños pequeños. (Ejemplo a continuación desde Safari.)

image
image1580×2012 324 KB

4

Gracias, Penar, esto me dio la idea de cambiar el logotipo en la vista de escritorio por debajo de 768px por el logotipo móvil. Algo similar debería estar probablemente en el núcleo. ¡Gracias!

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