Menu hamburger do lado esquerdo no celular

Personalização Componente de tema
46

Por favor, compartilhe seu CSS! Isso facilitaria uma correção no TC.

47

Aqui está uma maneira meio gambiarra de fazer isso (em common/css, NÃO em /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

Desculpe, ainda não consegui manter este componente exatamente atualizado, mas, sim, a mudança em relação às visualizações para dispositivos móveis e desktop definitivamente quebrou algumas das suposições que o componente do tema original fazia.

@Lilly, obrigado pelo empurrão nessa direção. A posição absoluta resolveria o problema por enquanto… a reordenação dos itens neste componente está apenas aplicando uma solução simples com CSS Grid.

2 curtidas