Ciao a tutti.
Ho aggiunto i codici qui nei campi richiesti, ma non ha funzionato. Dove sto sbagliando?
Ho provato anche il plugin, ma rompe l’area della barra di ricerca.
hmmm, sì, sospetto che dovrai fare un po’ di lavoro extra con i CSS per far funzionare la barra dell’intestazione con i link.
Domanda, stai sviluppando anche per dispositivi mobili? Perché l’intestazione sui dispositivi mobili ha molto meno spazio per aggiungere elementi. Non vuoi creare un bel sito desktop per poi scoprire che la tua visualizzazione mobile è disordinata.
Non ricordo al volo, ma potrebbe esserci anche un plugin-outlet che puoi usare. 
Ciao Lilly.
Voglio farlo solo per desktop.
La visualizzazione mobile ora va bene, non voglio restringere l’area dell’intestazione lì.
Se non dovesse succedere, comunque, non è un grosso problema. Questo pulsante reindirizzerà a una categoria del forum.
Volevo solo che quel pulsante desse una bella atmosfera.
1 Mi Piace
Intendi un’icona in quest’area, per esempio?
Puoi spiegare meglio cosa stai cercando esattamente?
La presa del plugin qui in quest’area è before-header-panel.
Questa viene utilizzata dai componenti Custom Header Links e Header Search.
Custom Header Links è la strada da percorrere!
Come ha affermato Lilly, dovrai regolare il CSS qui.
Da quello che vedo, il componente Header Links utilizza del CSS sul contenitore della presa, il che potrebbe spiegare perché interrompe la ricerca.
Se non ti dispiace, puoi riattivare il componente in modo che possa guardare direttamente il tuo forum?
4 Mi Piace
È spiegato qui, ma quando scrivo i codici necessari non funziona.
Ora ho abilitato, puoi guardare, grazie per l’aiuto 
Grazie!
Prova ad aggiungere questo CSS:
.floating-search-input-wrapper .floating-search-input {
margin: auto;
}
1 Mi Piace
Quando uso questo codice, appare normale all’utente anonimo. Ma non appare normale all’utente connesso. Il motivo sono i codici che ho usato per centrare la barra di ricerca.
Sono connesso e viene visualizzato come previsto. Vedo la ricerca centrata. Vedi il mio screenshot.
2 Mi Piace
Sì, ha aggiunto manualmente margin-right: -35px; per compensare il pannello delle intestazioni e ora, con il link, il valore deve essere nuovamente modificato.
2 Mi Piace
Lo faccio perché la barra di ricerca non si sposta a sinistra o a destra per il membro loggato. La barra di ricerca rimane nello stesso posto sia prima che dopo l’accesso.
Ma sembra che influenzi anche il plugin Custom Header Links. Penso che per ora non metterò un pulsante lì. Se possiamo aggiungerlo con css e html, vorrei provarci.
Grazie per il tuo tempo. 
1 Mi Piace
Puoi anche posizionare la barra di ricerca fuori dal flusso con position: absolute.
Non avrai più bisogno di margin.
.floating-search-input-wrapper {
position: absolute;
left: 0;
top: calc((4em - 2.6rem - 2px - 2px) / 2); /* altezza header - altezza search - margin - border */
width: 100%;
}
Potrebbe essere necessario aggiungere una media query per controllare la larghezza su risoluzioni inferiori e assicurarsi che non si sovrapponga ad altri elementi.
Grazie mille, lo controllerò.
Ma, quando abilito Custom Header Links, la sezione dell’intestazione non appare normale.
Non è un grosso problema. Volevo solo aggiungere qualcosa visivamente alla sezione dell’intestazione.
Ciao @Arkshine Mi sono appena reso conto. Dopo questo codice, il logo non è cliccabile.
Penso che sia correlato al codice position: absolute;.
Puoi aggiungere quel CSS per far sì che il logo si sovrapponga alla ricerca.
.home-logo-wrapper-outlet {
z-index: 1;
}
Hai un’altra soluzione con il CSS floating-search-input invece di occuparti dei lati (assicurati di rimuovere il CSS su floating-search-input-wrapper):
.floating-search-input {
position: absolute;
left: 0;
transform: translateX(calc(50vw - (33rem / 2)));
}
Grazie mille Arkshine