Bloqué en vue bureau sur mobile à cause d'un long logo

Soutien
1

Cela peut être considéré comme un bug, mais je n’en suis pas certain.

J’ai un utilisateur bloqué en mode bureau sur un appareil mobile (qui sait pourquoi il a cliqué sur le mode bureau) car le menu hamburger est poussé hors de l’écran par notre long logo. Je ne parviens pas à reproduire ce problème sur Meta car le logo s’adapte parfaitement, même en mode bureau.

Je pourrais lui indiquer de modifier l’URL pour quitter le mode bureau, mais cela n’est pas possible dans l’application Discourse. Je peux masquer temporairement le logo pour qu’il puisse revenir en arrière, mais une véritable solution à long terme serait appréciée, même s’il s’agit d’un cas limite.

J’ai essayé de désactiver tous les composants de thème et les plugins, mais je parviens toujours à reproduire le problème.

image
image1104×1574 287 KB

2

Vous pourriez peut-être ajouter le lien Nature Photographers Network au menu déroulant « Communauté » (pour revenir à la vue mobile).

Vous pourriez supprimer l’option « vue bureau » du menu hamburger en utilisant un composant de thème.

Je me demande si la suppression du forum de l’application Discourse, puis sa réintégration, résoudrait le problème actuel.

3

Oui, je suis d’accord, cela nécessite une correction dans le cœur du système. Je pense que la meilleure solution consisterait à imposer une largeur maximale pour le logo sur les petites tailles de fenêtre (inférieures à 768 px) dans la mise en page bureau.

De plus, le moyen le plus simple de reproduire ce problème consiste à utiliser le mode de conception responsive de votre navigateur, mais sans utiliser un agent utilisateur mobile. Cela chargera le site bureau, puis vous pourrez redimensionner la fenêtre à de petites tailles. (Exemple ci-dessous provenant de Safari.)

image
image1580×2012 324 KB

4

Merci Penar, cela m’a donné l’idée de remplacer le logo en vue de bureau en dessous de 768px par le logo mobile. Quelque chose de similaire devrait probablement être intégré au cœur du système. Merci !

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