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