Obrigado pela resposta!
Observação: Eu invoquei o recurso oculto que permite uma categoria aninhada extra, 3 no total em vez de 2.
Aqui está um exemplo que pode ilustrar melhor o problema:
por exemplo, Página Principal:
Teste (Categoria)
- Teste - Sub 1 (Categoria aninhada da Categoria Pai Teste)
Neste cenário,
.category .subcategories {
display: none;
}
funciona bem.
Como você pode ver, a categoria aninhada teste - sub 1 não é exibida.
Se eu adicionar outra subcategoria aninhada:
teste - sub 2 categoria, com sub 1 categoria como seu pai:
como você pode ver na imagem acima, teste - sub 2 está oculto
de acordo com o código CSS, mas teste - sub 1 não está mais oculto.
O problema agora é duplo:
Posso ocultar o título teste - sub 1, definindo sua classe como display: none, mas isso também oculta todas as categorias pai na página principal.
O 2º problema é que, mesmo que eu pudesse isolar e ocultar apenas a categoria aninhada teste - sub 1, o espaço que ela ocupa ainda está lá e será problemático, preciso ter cerca de 20 categorias a mais na página principal com duas subcategorias aninhadas cada.
Idealmente, eu só quero que o usuário final possa clicar na Categoria Teste e ter acesso às outras Categorias aninhadas, etc., o que é facilmente realizado, via
Mostrar lista de subcategorias acima dos tópicos nesta categoria.
e definindo: estilos da lista de subcategorias como, por exemplo, caixas, etc.
Se em algum momento eu quiser posicionar outra Categoria da página principal após a Categoria Teste, não quero 20 linhas de espaço em branco, etc.
Pensamentos?