Como classificar as seções do menu de navegação?

[Skeleton (Schelly)]

Criei uma seção personalizada com alguns links úteis para a comunidade. Eu queria definir a seção logo abaixo da seção de categorias, mas não consigo encontrar nenhuma opção integrada ou componente de tema. Alguém pode ajudar?

[Lilly (Lillian Louis)]

Olá @Skeleton

Você pode usar este código CSS aqui para fazer isso:

Sidebar Section Rearrangement

There’s not a setting for this, but it can be done by adding CSS to admin/customize/themes .sidebar-wrapper { .sidebar-custom-sections { display: contents; } [data-section-name="community"] { order: -3; } [data-section-name="categories"] { order: -2; } [data-section-name="custom-section-title-here"] { order: -1; } }

[xigua]

Olá @Lilly

Usei seu código CSS para reorganizar a ordem das seções de navegação. Funciona bem quando a página da web está em tamanho normal.

No entanto, quando tento redimensionar a página para uma largura menor, as configurações de ordem no código CSS são inválidas. A última seção se torna a segunda, como na imagem a seguir:

Descobri que a propriedade display: block; de sidebar-sections impede que order tenha efeito. Então, tentei adicionar algum código ao código CSS.

 .sidebar-sections{
     display: flex;
     flex-direction: column;
 }

E agora a ordem das seções está sob controle.