Dopo un recente aggiornamento, la versione a discesa dell’intestazione della barra laterale mostra due colonne sulla mia istanza (tema Minima). Non sembra intenzionale.
La colonna extra è intenzionale (come da questo commit), ma non credo che debba essere così stretta ![]()
(cc @awesomerobot)
Sto per implementare il menu a tendina laterale sul nostro sito nelle prossime settimane (utilizziamo ancora il menu hamburger legacy). Mi piace la visualizzazione a due colonne che lo rende visivamente più simile al menu legacy. La larghezza della colonna è accessibile tramite codice CSS?
Il tema ha forzato il vecchio menu a una singola colonna, che non funziona bene con il nuovo menu, quindi l’ho rimosso qui:
Grazie per averlo segnalato @tomtjes!
sì, il CSS pertinente che abbiamo aggiunto è:
.hamburger-panel .revamped .sidebar-section-wrapper.sidebar-section ul {
display: grid;
grid-template-columns: 1fr 1fr;
}
Quindi, per riportarlo a una colonna potresti fare questo in un tema:
.hamburger-panel .revamped .sidebar-section-wrapper.sidebar-section ul {
grid-template-columns: 1fr;
// puoi anche fare qualcosa come `30% 70%` se vuoi modificare le larghezze delle colonne
// o `1fr 1fr 1fr` se vuoi 3 colonne uguali
}
Oppure, se vuoi che l’intero menu sia più largo (le colonne si adegueranno automaticamente) potresti fare qualcosa del genere:
.hamburger-panel .revamped {
width: 500px;
}
Perfetto, grazie per la rapida correzione e le istruzioni aggiuntive!
grazie per il dettaglio @awesomerobot ![]()
Questo argomento è stato chiuso automaticamente dopo 4 giorni. Non sono più ammessi nuovi messaggi.
