Custom Header Links

Вы уже можете легко изменять порядок с помощью нескольких строк CSS, поскольку мы используем свойство flex.

Например:

  • Порядок по умолчанию
    image

  • Пользовательский порядок
    image

Пример 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 лайков