Bug tema Horizon: contenitore intestazione categoria fisso negli elenchi argomenti

Ciao ragazzi

Quando aggiungo un’immagine, un’icona o un’emoji a una categoria, l’intestazione della categoria category-heading rimane fissa durante lo scorrimento verso il basso e occupa molto spazio.

CleanShot 2025-10-31 at 14.03.16

Anche il componente del tema dell’intestazione della categoria è interessato, come potete vedere dal mio post qui sotto per riferimento.

3 Mi Piace

Sì, sono d’accordo che sia un effetto collaterale fastidioso.

Purtroppo non ho una soluzione. L’intestazione della categoria si trova nello stesso elemento fisso della navigazione e non posso spostare la proprietà “sticky” un livello più in basso, perché “sticky” non funziona all’interno di un elemento flessibile…

Ti consiglio di nascondere o ridurre al minimo il logo con CSS su mobile.

1 Mi Piace

Anche la navigazione “sticky” mi disturba. Occupa troppo spazio.

Come posso disattivarla?

Non c’è un’impostazione per questo. Dovrai sovrascrivere il CSS.

Il tema Horizon ha un’utile funzionalità, per cui la descrizione della Categoria rimane visibile mentre l’Elenco degli Argomenti scorre:

Mentre questo è gradevole sul desktop, quando lo spazio si restringe (ad esempio su dispositivi mobili) rende l’Elenco degli Argomenti piuttosto difficile da leggere (specialmente se il testo è piuttosto esteso)

2 Mi Piace

Questo è un effetto collaterale involontario del voler mantenere la navigazione visibile in realtà. Non sono sicuro che possa essere risolto (entrambi gli elementi potrebbero essere nello stesso contenitore o qualcosa del genere? :thinking: ) e se devo scegliere, manterrò la mia intenzione originale.

Se qualcuno se la sente di dare un’occhiata, è il benvenuto comunque.

1 Mi Piace

L’ho risolto con il CSS.

/* Disabilita i controlli della lista fissi di Horizon su mobile */
@media (max-width: 767px) {
  .list-controls {
    position: static !important;
    top: auto !important;
    transform: none !important;
    margin-top: 0 !important;
  }
}
3 Mi Piace

Non fa semplicemente “sbloccare” sia la descrizione che la navigazione su mobile?

Vogliamo davvero che la descrizione scompaia, mentre la navigazione rimanga fissa.

2 Mi Piace

Anche la navigazione ci ha occupato troppo spazio.

Al momento stiamo valutando l’idea di utilizzare dei “pills” scorrevoli.

Vorrei renderli fissi (sticky), ma non sono ancora riuscito a farlo funzionare.

1 Mi Piace

Esatto, purtroppo non esiste un modo semplice per farlo usando CSS senza anche ristrutturare il layout.
Il tema Horizon rende attualmente l’intero contenitore .list-controls fisso, includendo l’intestazione della categoria. Non possiamo rendere fisso da solo il figlio .navigation-container, perché gli elementi fissi rimangono ancorati all’interno del contesto di scorrimento del loro genitore.

Potremmo ristrutturare questa area, ma si tratta di una di quelle modifiche che impatterebbero tutti i temi che utilizzano la struttura esistente… quindi c’è un’alta probabilità di regressioni per altri temi e personalizzazioni, anche se non hanno una navigazione fissa come questa.

1 Mi Piace

Quindi, qual è la strada da seguire in questo caso?

Mi chiedo se dovremmo semplicemente nascondere la descrizione della categoria su mobile per Horizon. In ogni caso, le informazioni si duplicano, in uno spazio molto ristretto.

Ho ottenuto questo risultato con un semplice CSS nella scheda Mobile di un TC:

.category-heading.--has-logo {
    display: none;
}

Forse questa soluzione dovrebbe essere inclusa in Horizon?

Hai appena indicato la strada da seguire: usa il CSS personalizzato per adattarlo alle tue preferenze :+1:

1 Mi Piace

Sì, ma in questo caso si tratta di un problema più ampio legato al tema, non solo di una mia preferenza. Fatico a immaginare qualcuno che piaccia davvero una descrizione di categoria grande e fissa su dispositivi mobili; non credo che fosse questa l’intenzione dietro il design.

1 Mi Piace

È davvero imprevedibile cosa le persone desiderano nella propria community. Ho deciso di lasciarlo così com’è: se gli utenti lo preferiscono, possono nasconderlo facilmente, ed è una soluzione meno confusa rispetto a chiedersi ‘perché il banner della categoria non appare su mobile’.

E per quanto riguarda i piani di hosting (ad esempio il piano gratuito) in cui gli amministratori non possono aggiungere CSS personalizzato?

Se alcune persone lo desiderano davvero (il che dubito), potrebbe esserci un’impostazione del tema che lo gestisce?

1 Mi Piace