Links de Cabeçalho Personalizados

Personalização Componente de tema
,
132

Você já pode manipular a ordem com muita facilidade com algumas linhas de CSS, já que usamos a propriedade flex.

Exemplo:

  • Ordem padrão
    image

  • Ordem personalizada
    image

Exemplo de CSS:

.custom-header-links li {
  &:nth-child(1) {
    order: 3;
    background: red;
  }

  &:nth-child(2) {
    order: 1;
    background: green;
  }

  &:nth-child(3) {
    order: 2;
    background: yellow;
  }
}
5 curtidas