⬇️ Intestazione a discesa

Componente del tema
26

Ehi Keegan, sto cercando di aggiungere uno sfondo a questo in modo che sembri un pulsante, ma quando ho più collegamenti nell’intestazione nascosti con l’impostazione di sicurezza, vedo ancora un residuo del menu che era nascosto. C’è un modo per evitarlo? Grazie!

Modifica: Ho capito che questo accadeva aggiungendo padding per farlo sembrare un pulsante. Posso farne a meno se non c’è una soluzione semplice.

.custom-header-links .top-level-links .custom-header-link {
    padding: 10px 20px;
    border-radius: 5px;
    background: var(--tertiary);
}

image

Modifica 2:
Lascia perdere, ho solo dovuto essere creativo!

.custom-header-links .top-level-links .custom-header-link {
    padding: 10px 0px;
    border-radius: 5px;
    background: var(--tertiary);
}

.custom-header-links .top-level-links .custom-header-link-caret svg {
    padding-right: 10px;
}

.custom-header-links .top-level-links .custom-header-link-icon {
    padding-left: 10px;
}
2 Mi Piace
27

Ciao Keegan, quando provo a utilizzare la funzionalità di sicurezza con le seguenti impostazioni, gli ultimi due collegamenti scompaiono, anche visualizzando da un account idoneo a visualizzare i collegamenti (ovvero, appartenente al gruppo di utenti “company_staff”).

È che non sto usando la funzionalità correttamente?

Grazie.
@keegan

image
image266×153 2.16 KB

image
image428×405 4.01 KB

image
image1043×355 5.4 KB

28

Ciao @kenjdarhan,

Sembra che headerLinkId punti a 1 e 2 per gli ultimi due collegamenti. Penso che dovrebbe essere 0 se desideri che appaia nello stesso menu a discesa.

31

Salve, ho utilizzato il componente Dropdown Header e si è rivelato incredibilmente facile da usare e di immenso aiuto per noi. Tuttavia, sarebbe ancora meglio se i link nel menu a discesa potessero aprirsi in nuove schede. Attendo con ansia la vostra risposta.

1 Mi Piace
32

PR benvenuti o contattaci per sponsorizzare il lavoro.

33

Ehi, sono nuovo a Font Awesome e ho difficoltà a far apparire le icone.
Questo è quello che ho finora. Qualcuno potrebbe aiutarmi?

image
image1363×375 28.2 KB

34

Hai aggiunto quelli insoliti a questa impostazione globale?:

image
image745×121 3.89 KB

35

oh mio dio grazie, ho continuato ad aggiungerli usando il formato <i> e non ha fatto nulla, grazie per questo

2 Mi Piace
37

Saluti!

Potresti spiegare quale aspetto del tuo template ha permesso il posizionamento di icone/pulsanti che rimandano a pagine alternative sul tuo sito web?
image

Sono rimasto particolarmente incantato dalla presentazione di questi pulsanti nella versione mobile: sono superbamente disposti sopra il titolo sotto forma di icone nell’iterazione mobile.

image
image1080×465 73.7 KB

:+1:

1 Mi Piace
38

Ciao, grazie per la tua risposta :blush:.

Per rendere la navigazione più fluida tra tutte le aree del mio sito web (incluso il forum) ho scelto di creare un codice html con questa navbar responsive, eliminando il componente dropdown.

Come puoi vedere in queste altre pagine, che fanno parte dello stesso sito web, ho inserito lo stesso identico codice per avere tutti i link a portata di click :grin:

https://oii.francescomancuso.it/

https://oii.francescomancuso.it/risorse/

http://oii.francescomancuso.it/contest/

https://oii.francescomancuso.it/ranking/

1 Mi Piace
39

Come si risolve effettivamente questo problema, ancora non riesco a far apparire l’icona :smiling_face_with_tear:

40

@merefield Ottimo componente!

I collegamenti del menu non vengono visualizzati sui dispositivi mobili. Se i collegamenti sono posizionati a destra, le icone a freccia appaiono ma mostrano solo i collegamenti a discesa ma non i collegamenti del menu. Cosa mi manca qui?

Ho allegato screenshot della vista desktop, della vista mobile e delle impostazioni correnti.

SCreen3
SCreen31849×243 39.8 KB

Vista mobile:

SCreen1
SCreen11227×535 47.1 KB

SCreen2
SCreen21143×826 83.6 KB

Apprezzerei molto il tuo aiuto!

Grazie.

1 Mi Piace
41

Ciao @Joe_Nguyen, ho appena installato questo componente e funziona come previsto sia in visualizzazione mobile che desktop. Se possibile, potresti pubblicare screenshot delle impostazioni che hai quando fai clic sui pulsanti “Launch Editor” nelle impostazioni del componente? Non sono sicuro di cosa stia succedendo lì, dovresti avere qualcosa in più nella visualizzazione mobile :thinking:

2 Mi Piace
42

Come Lily, funziona bene anche per me.

Ho notato che usi le finestre responsive in Chrome. Se lo fai, ricarica la pagina (F5) almeno una volta; altrimenti, non vedrai la visualizzazione mobile.

Puoi anche assicurarti di utilizzare la visualizzazione mobile aggiungendo ?mobile_view=1 all’URL del forum.

3 Mi Piace
43

@Lilly Ecco le mie impostazioni:

SCreen5
SCreen51369×779 112 KB

@Arkshine - quando ho aggiunto ?mobile_view=1 all’URL, vedo la freccia a discesa.

SCreen4
SCreen4519×547 19.7 KB

Grazie!

2 Mi Piace
44

Sei sicuro di non essere in modalità desktop sul tuo cellulare?

1 Mi Piace
45

Ciao @Lilly! Ora vedo il menu a discesa sul cellulare. :grinning: Devo capire come far aprire i link in una nuova finestra.

1 Mi Piace
46

Tendo a lasciare che siano gli utenti a impostare questo nelle loro preferenze/impostazioni dell’interfaccia perché le persone che utilizzano screen reader sono influenzate negativamente dall’apertura di link in nuove finestre o schede.

47

Grazie ancora @Lilly @Arkshine per il vostro aiuto!

1 Mi Piace
48

Prego, sono contento che sia stato d’aiuto.

@Arkshine ha fatto tutto il lavoro, io ho solo pubblicato commenti LOL :laughing:

2 Mi Piace