Le menu déroulant de l'en-tête de la barre latérale affiche deux colonnes

Après une mise à jour récente, la version déroulante de la barre latérale affiche deux colonnes sur mon instance (thème Minima). Cela ne semble pas intentionnel.

2 « J'aime »

La colonne supplémentaire est intentionnelle (conformément à ce commit), mais je ne pense pas qu’elle soit censée être aussi étroite :thinking:

(cc @awesomerobot)

3 « J'aime »

Je vais déployer le menu déroulant sur notre site dans les semaines à venir (nous utilisons toujours le menu hamburger hérité). Et j’aime la vue en deux colonnes qui le rend visuellement plus semblable au menu hérité. La largeur de la colonne est-elle accessible via le code CSS ?

Le thème a forcé l’ancien menu à une seule colonne, ce qui ne fonctionne pas bien avec le nouveau menu, je l’ai donc supprimé ici :

Merci de l’avoir signalé @tomtjes !

oui, le CSS pertinent que nous avons ajouté est :

.hamburger-panel .revamped .sidebar-section-wrapper.sidebar-section ul {
  display: grid;
  grid-template-columns: 1fr 1fr; 
}

Donc, pour revenir à une colonne, vous pourriez faire ceci dans un thème :

.hamburger-panel .revamped .sidebar-section-wrapper.sidebar-section ul {
  grid-template-columns: 1fr; 
  // vous pouvez aussi faire quelque chose comme `30% 70%` si vous voulez modifier les largeurs de colonnes
  // ou `1fr 1fr 1fr` si vous voulez 3 colonnes égales
}

Ou si vous voulez que le menu entier soit plus large (les colonnes s’ajusteront automatiquement), vous pourriez faire quelque chose comme ceci :

.hamburger-panel .revamped  {
   width: 500px;
}
6 « J'aime »

Parfait, merci pour la correction rapide et les instructions supplémentaires !

2 « J'aime »

Merci pour les détails @awesomerobot :slightly_smiling_face:

3 « J'aime »

Ce sujet a été automatiquement fermé après 4 jours. Les nouvelles réponses ne sont plus autorisées.