Dica para ordenar itens do menu com css

Olá pessoal, estou fazendo um site e não achei aqui ajuda de código para ordenar os itens do menu, então busquei ajuda em grupos no Facebook, e um programador me ajudou. Vou colocar aqui pra compartilhar com vocês.
Eu inseri o link Blog no menu, mas ele ficou em primeiro lugar.

Link provisório do site: https://sonho-dos-bichos.lojaintegrada.com.br/

Para ordenar usei css. No caso vocês precisam adaptar para o nome da sua categoria.

li#menu_cao {
order: 1;
}

li#menu_gato {
order: 2;
}

li#menu_peixe {
order: 3;
}

li#menu_ave {
order: 4;
}

li#menu_valepresente {
order: 5;
}

li#menu_blog {
order: 6;
}

li#menu_outros {
order: 7;
}

li#menu_superofertas {
order: 8;
}

1 Curtida

Bom dia. Tudo bem?
Gostaria de saber se é possível ocultar essa parte onde tem “social” (canto inferior direito), ou alterar a cor pra ficar da cor do fundo da página, como eu escolhi, pois não consegui. Quero um fundo escuro, porém o “social” é claro. Quero fazer isso, caso seja simples, sem precisar de um programador, porque no momento a grana tá curta.
Anexei a imagem pra entender melhor.

Para retirar toda essa área basta colocar em css:
#rodape .redes-sociais {
display: none;
}

Para trocar a cor do fundo e da letra basta colocar em css:
#rodape .redes-sociais {
background: #000;
}
.institucional .redes-sociais .titulo {
color: #fff;
}

Para deixar essa área transparente com a letra branca colocar no css:

#rodape .redes-sociais {
background: #0000;
box-shadow: 0 3px 7px 0 rgb(0 0 0 / 0%);
}
.institucional .redes-sociais .titulo {
color: #fff;
}