Come posso nascondere una sottocategoria dall'elenco delle categorie?

Grazie per la risposta!

Nota: ho attivato la funzionalità nascosta che consente una categoria nidificata aggiuntiva, 3 in totale rispetto a 2.

Ecco un esempio che potrebbe illustrare meglio il problema:
ad es., Pagina principale:
Test (Categoria)

  • Test - Sub 1 (Categoria nidificata della Categoria Test padre)
    In questo scenario,
.category .subcategories {
      display: none;
    }

funziona bene.
image
Come puoi vedere, la categoria nidificata test - sub 1 non viene visualizzata.

Se aggiungo un’altra sottocategoria nidificata:
test - sub 2 category, con sub 1 category come genitore:


come puoi vedere nell’immagine sopra, test - sub 2 è nascosto
in base al codice CSS, ma test - sub 1 non è più nascosto.

Il problema ora è duplice:
Posso nascondere il titolo test - sub 1, impostando la sua classe su display: none, ma nasconde anche tutte le categorie padre nella pagina principale.
Il secondo problema è che, anche se potessi isolare e nascondere solo la categoria nidificata test - sub 1, lo spazio che occupa è ancora lì e sarà problematico, ho bisogno di circa 20 categorie in più nella pagina principale con due sottocategorie nidificate ciascuna.
Idealmente, voglio solo che l’utente finale possa fare clic sulla Categoria Test e avere accesso alle altre Categorie nidificate, ecc., il che si ottiene facilmente, tramite
Mostra l’elenco delle sottocategorie sopra gli argomenti in questa categoria.
e impostando: stili dell’elenco delle sottocategorie su, ad es. caselle, ecc.

Se a un certo punto voglio posizionare un’altra categoria della pagina principale dopo la Categoria Test, non voglio 20 righe di spazio vuoto, ecc.

Pensieri?