Bloccato nella visualizzazione Desktop su mobile a causa del logo lungo

Supporto
1

Questo potrebbe essere considerato un bug, ma non ne sono sicuro.

Ho un utente bloccato nella visualizzazione desktop su un dispositivo mobile (chi sa perché ha selezionato la visualizzazione desktop) perché il menu hamburger viene spinto fuori dallo schermo dal nostro logo lungo. Non riesco a replicare questo problema su meta perché il logo si adatta perfettamente, anche nella visualizzazione desktop.

Potrei dirgli di modificare l’URL per uscire dalla visualizzazione desktop, ma questo non è possibile nell’app di Discourse. Potrei nascondere temporaneamente il logo in modo che possa tornare alla visualizzazione normale, ma sarebbe preferibile una soluzione definitiva a lungo termine, nonostante si tratti di un caso limite.

Ho provato a disabilitare tutti i componenti del tema e i plugin, ma riesco comunque a replicare il problema.

image
image1104×1574 287 KB

2

Potresti aggiungere il link Nature Photographers Network al menu a tendina “Community” (per tornare alla visualizzazione mobile).

Potresti rimuovere l’opzione “visualizzazione desktop” dal menu hamburger utilizzando un componente del tema.

Mi chiedo se rimuovere il forum dall’app Discourse e poi ripristinarlo possa risolvere il problema attuale.

3

Sì, sono d’accordo, serve una correzione nel core. Penso che la soluzione migliore sia imporre una larghezza massima per il logo nelle dimensioni della finestra piccole (sotto i 768 px) nel layout desktop.

Inoltre, il modo più semplice per riprodurre il problema è utilizzare la modalità di progettazione responsive nel browser, ma NON utilizzando un user agent mobile. In questo modo verrà caricato il sito desktop e potrai ridimensionare la finestra a dimensioni ridotte. (Esempio qui sotto da Safari.)

image
image1580×2012 324 KB

4

Grazie, Penar, questa idea mi ha spinto a sostituire il logo nella visualizzazione desktop sotto i 768px con il logo mobile. Una soluzione simile dovrebbe probabilmente essere inclusa nel core. Grazie!

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