Después de una actualización reciente, la versión desplegable del encabezado de la barra lateral muestra dos columnas en mi instancia (tema Minima). No parece intencional.
La columna adicional es intencional (según este commit), pero no creo que se suponga que sea tan estrecha ![]()
(cc @awesomerobot)
Implementaré el menú desplegable lateral en nuestro sitio en las próximas semanas (todavía usamos el menú hamburguesa heredado). Me gusta la vista de dos columnas que lo hace visualmente más parecido al menú heredado. ¿Se puede acceder al ancho de la columna mediante código CSS?
El tema forzó el menú antiguo a una sola columna, lo que no funciona bien con el menú nuevo, así que lo he eliminado aquí:
¡Gracias por informarlo @tomtjes!
Sí, el CSS relevante que hemos añadido es:
.hamburger-panel .revamped .sidebar-section-wrapper.sidebar-section ul {
display: grid;
grid-template-columns: 1fr 1fr;
}
Así que para volver a una columna podrías hacer esto en un tema:
.hamburger-panel .revamped .sidebar-section-wrapper.sidebar-section ul {
grid-template-columns: 1fr;
// también puedes hacer algo como `30% 70%` si quieres editar los anchos de las columnas
// o `1fr 1fr 1fr` si quieres 3 columnas iguales
}
O si quieres que todo el menú sea más ancho (las columnas se ajustarán automáticamente) podrías hacer algo como esto:
.hamburger-panel .revamped {
width: 500px;
}
Perfecto, ¡gracias por la rápida solución y las instrucciones adicionales!
gracias por el detalle @awesomerobot ![]()
Este tema se cerró automáticamente después de 4 días. Ya no se permiten nuevas respuestas.
