L'intestazione del menu laterale mostra due colonne

Dopo un recente aggiornamento, la versione a discesa dell’intestazione della barra laterale mostra due colonne sulla mia istanza (tema Minima). Non sembra intenzionale.

2 Mi Piace

La colonna extra è intenzionale (come da questo commit), ma non credo che debba essere così stretta :thinking:

(cc @awesomerobot)

3 Mi Piace

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;
}
6 Mi Piace

Perfetto, grazie per la rapida correzione e le istruzioni aggiuntive!

2 Mi Piace

grazie per il dettaglio @awesomerobot :slightly_smiling_face:

3 Mi Piace

Questo argomento è stato chiuso automaticamente dopo 4 giorni. Non sono più ammessi nuovi messaggi.