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.
La colonne supplémentaire est intentionnelle (conformément à ce commit), mais je ne pense pas qu’elle soit censée être aussi étroite ![]()
(cc @awesomerobot)
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;
}
Parfait, merci pour la correction rapide et les instructions supplémentaires !
Merci pour les détails @awesomerobot ![]()
Ce sujet a été automatiquement fermé après 4 jours. Les nouvelles réponses ne sont plus autorisées.
