Menu hamburger sur le côté gauche sur mobile

Personnalisation Composant de thème
46

Veuillez partager votre CSS ! Cela faciliterait la correction du TC.

47

Voici une méthode plutôt bidouillée pour le faire (dans common/css, PAS dans /mobile/css)

@use "lib/viewport";

@include viewport.until(md) {
  .d-header:not(:has(.extra-info-wrapper.topic-info-visible)):not(:has(.extra-info-wrapper .topic-link)):not(.header-topic-info-visible) .title {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      margin: 0;
  }
}
48

Désolé, je n’ai pas encore eu le temps de maintenir ce composant parfaitement à jour, mais oui, le passage des vues mobile/bureau a effectivement rompu certaines hypothèses que le composant de thème original faisait.

@Lilly, merci de m’avoir poussé à avancer sur ce point. Une position absolue ferait l’affaire pour l’instant… Le réordre des éléments dans ce composant repose simplement sur une solution CSS Grid.

2 « J'aime »