Я тоже могу воспроизвести эту проблему — похоже, дело в классе contents внутри заголовка, который отображается как flex на экранах складных телефонов/маленьких планшетов в диапазоне @media (min-width: 640px) and (max-width: 767px):
scss @media (min-width: 640px) and (max-width: 767.98px) { .d-header>wrap .contents { display: contents!important; } } Кажется, в Discourse граница между планшетом и рабочим столом установлена на 768px.
Но я считаю, что это настройка лишь усугубляет ситуацию!! Если её отключить, заголовок отображается некорректно на всех размерах до 767 пикселей, если устройство явно не указано как мобильное.
По крайней мере, мой складной телефон доволен. Просто не мой десктопный браузер, когда экран становится маленьким.
Не могли бы вы помочь мне с диагностикой, потому что при воспроизведении через эмулятор десктопа (у меня нет складного телефона) я не вижу ничего необычного.
Чуть уже — и начинают происходить некоторые странные вещи (боковая панель и заголовок становятся белыми), и я не совсем уверен, что это сделано намеренно:
И мне очень нравится этот TC!! Я не выношу, когда меню прыгает вправо на мобильных устройствах. Это такие мелочи, которые сводят нас с ума (ну, некоторых из нас), да? Может, мне нравится, когда оно слева, потому что я левша.
я тоже использую этот компонент (я тоже не очень люблю иконку на боковой панели, хотя сам не использую Horizon) и уже работал над ним. Попробую исправить это, Нейтан.