Menu de busca e categorias

[popsocket]

Boa tarde!

Existe alguma forma de alterar a ordem em que estão dispostos no cabeçalho o menu de busca e as categorias? Mudar a ordem em que apresenta o buscador, deslocando para a direita do cabeçalho, e as categorias para esquerda:

cabeçalho agora:

Ficar assim

link da loja: https://popsocket.netlify.app/

abs

[thais]

oi @popsocket, tudo bem?
Tem como sim. Basta utilizar o CSS para organizar a ordem na tela.

Faz o seguinte:

1. Vá em: Layout > Inserir código:
   

   

2. Depois, insira o seguinte código na no quadro do CSS:
   

   

.header__row {
    display: flex !important;
    flex-direction: row !important;
  }
  .header__row .col-auto {
    order: 1 !important;
  }
  .header__row .col {
    order: 2 !important;
  }
  .header__row .d-none {
    order: 3 !important;
  }
  .header__row #search-bar {
    order: 4 !important;
  }
  .header__row .order-lg-last {
    order: 5 !important;
  }
  #search-input {
    border: solid 1px $gray-200;
  }

Aplique a alteração e me avisa aqui por favor se ficou ok!
Abraço!