¿Cómo ordenar las secciones del menú de navegación?

[Skeleton (Schelly)]

Creé una sección personalizada con algunos enlaces útiles para la comunidad. Quería colocar la sección justo debajo de la sección de categorías, pero no encuentro ninguna opción integrada ni componente de tema. ¿Alguien puede ayudar?

[Lilly (Lillian Louis)]

Hola @Skeleton

Puedes usar este código CSS aquí para hacer esto:

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]

Hola @Lilly

Usé tu código CSS para reorganizar el orden de las secciones de navegación. Funciona bien cuando la página web está en tamaño completo.

Sin embargo, cuando intento redimensionar la página web a un ancho menor, la configuración de orden en el código CSS no es válida. La última sección se convierte en la segunda, como en la siguiente imagen:

Descubrí que la propiedad display: block; de sidebar-sections impide que order tenga efecto. Luego, intenté agregar algo de código al código CSS.

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

Y ahora el orden de las secciones está bajo control.