Brand Header aggiunge un’intestazione superiore aggiuntiva per il branding con il tuo logo, link di navigazione e icone social per le viste sia mobile che desktop. Il logo del brand può essere un’immagine o del testo.
Elenco delle icone FontAwesome 6 utilizzate in questo componente tema
mostra barra su mobile
plugin outlet
Utilizzo delle icone Font Awesome 6
Per consentire alle icone Font Awesome 6 di essere visualizzate correttamente in questo componente tema, dovrai aggiungerle in 3 punti di Discourse:
L’impostazione del sito svg icon subset
L’impostazione custom font awesome icons nel componente
L’impostazione icons nel componente
Inoltre, per alcune icone Font Awesome 6, dovrai specificare un prefisso fa o fab con il nome dell’icona (es. “fab-bluesky”), poiché alcune icone fanno parte di uno specifico sottoinsieme di icone. Vedi Stiamo aggiornando le nostre icone a Font Awesome 6! per i dettagli su questo utilizzo.
Una volta aggiunte quelle icone in tutti e tre i punti, dovresti vederle visualizzate correttamente nel componente tema brand header.
Ospitato da noi? I componenti tema sono disponibili per l’uso sui nostri piani Standard, Business ed Enterprise.
One small issue. Currently, if a header link is internal to a site (e.g. to a particular category), if it is tapped in the responsive menu, the responsive menu will stay open. The expected behaviour is that the menu would close.
I am also seeing this issue for internal links, where the header does not disappear on mobile. Instead, the header slides right and leaves the main page opaque (I believe an overlay is being set), even if the header is folded back up.
In the mobile view, when we click on the hamburger menu, if then we click outside of the menu, the hamburger menu would be expanded even more, instead of closing. and also it has some other glitches. for example when hamburger menu is open and we click on a topic link.
Adoro questo cambiamento, ma su diversi siti dove lo uso personalmente e su un sito ospitato di cui sono moderatore (i forum di NaNoWriMo) abbiamo riscontrato alcuni problemi. A differenza del menu hamburger standard, se provi a scorrerlo via, rimbalza di nuovo sullo schermo.
L’ho visto personalmente su un Moto Power (g7) completamente aggiornato con Android 9 e su un iPhone 8 completamente aggiornato.
È stato anche segnalato almeno un caso in cui il menu si apriva con tocchi vicino all’icona e non solo sull’icona stessa, ma personalmente non sono riuscito a riprodurre quel comportamento specifico.
Grazie! A quanto pare non ho avuto tempo di preparare una PR corretta. Pensi che potrai aggiungere l’impostazione dell’intestazione del sito sopra/sotto?
Ho ricevuto una segnalazione sul motivo per cui il menu non funziona sui dispositivi mobili. L’utente ha premuto il menu hamburger a sinistra e poi su un collegamento del menu; tuttavia, la sua percezione era che non funzionasse, poiché il menu occupava ancora gran parte dello schermo.
Ho dovuto spiegare che è necessario toccare un punto a destra dello schermo, a lato del menu, per chiuderlo.
Sarebbe possibile renderlo più intuitivo, ad esempio:
Chiudendo automaticamente il menu quando si clicca su un collegamento del menu sui dispositivi mobili?
Includendo un pulsante ‘Chiudi Menu’ sui dispositivi mobili?
Volevo proprio fare una richiesta simile. Spesso provo a chiudere il menu su mobile facendolo scorrere verso sinistra. Sembra funzionare, ma poi torna al suo posto. Negli altri menu di Discourse, invece, funziona farli scorrere di nuovo verso il lato per chiuderli.
Sulla base dei 2 post precedenti, è rotto da almeno 5 mesi e nessuno ha risposto. Presumo che questo componente del tema sia morto a meno che qualcuno non dica il contrario.