Гамбургер-меню слева на мобильных устройствах

Настройка Компонент темы
46

Пожалуйста, поделитесь вашим CSS! Это облегчит исправление TC.

47

Вот довольно хакерский способ сделать это (в common/css, а НЕ в /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

Приношу извинения, я пока не успел довести этот компонент до актуального состояния, но да, отказ от представлений для мобильных устройств и настольных компьютеров действительно нарушил некоторые предположения, заложенные в исходном компоненте темы.

@Lilly спасибо за подталкивание к решению этой проблемы; на время достаточно будет использовать position: absolute… здесь же перестановка элементов в компоненте реализована просто с помощью CSS Grid.

2 лайка