Linkes Hamburger-Menü auf Mobilgeräten

Anpassung Themenkomponente
46

Bitte teile deinen CSS-Code! Das würde eine Fehlerbehebung im TC erleichtern.

47

Hier ist eine etwas hackige Möglichkeit, dies umzusetzen (in common/css, NICHT in /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

Entschuldigung, ich bin es noch nicht dazu gekommen, diese Komponente genau auf dem neuesten Stand zu halten. Ja, der Wechsel weg von den Mobile/Desktop-Ansichten hat definitiv einige der Annahmen des ursprünglichen Theme-Components gebrochen.

@Lilly danke für den Schub nach vorne in dieser Angelegenheit. Position absolute würde vorerst den Zweck erfüllen … die Neuanordnung der Elemente in dieser Komponente ist hier einfach eine CSS-Grid-Lösung.

2 „Gefällt mir“