Outras categorias

Layout
1

Como eu faço para colocar Outras Categorias do lado direito do menu de categorias e dar um destaque conforme foto abaixo ?
Outro ponto, que nela seja listado apenas as categorias que nao estao visiveis dolado esquerdo.

image
image1467×100 14.8 KB

2

Para jogar ele para o canto: CSS

.menu.superior ul.nivel-um {
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu.superior li.all-menu.com-filho {
    order: 10;
}

.menu.superior .nivel-um>li {
    padding: 6px 14px;
}

.menu.superior .nivel-um li.all-menu svg {
    top: 6px;
}

.menu.superior li.all-menu.com-filho > a strong:after {
    content: "Categorias";
}


.menu.superior li.all-menu.com-filho > a {
    background: var(--cor_botao);
    border-radius: 5px;
}

.menu.superior li.all-menu.com-filho .nivel-dois > li:nth-child(-n+8)
{
  display:none!important;
}

image
image1169×722 184 KB

3

É CSS, Java ou HTML?

4

este código é CSS, pode inserir em CSS

5

se vc jogar esse menu para Direita, vai perder a sub navegação.

image

6

Verdadem, acabei de ver isso. Como mantenho na esquerda ?

7

tira esse trecho, que vai ficar na esquerda

8

Duvida. Se eu diminuir a quantidade de categorias visiveis, sem estar dentro de outras categorias, essas catorias entram automaticamente dentro de outras categorias ?

9

não vai ser automático, vai ter que acertar acertar o código que fiz.

10

Teria que mudar aqui (-n+8) ?

11

Consegui. Muito obg, vc foi top