L'intestazione si rompe su viewport di medie dimensioni nel tema Horizon

Posso riprodurre anche io il problema: sembra che la classe contents all’interno dell’intestazione, che imposta flex per le visualizzazioni di telefoni pieghevoli o tablet piccoli @media (min-width: 640px) and (max-width: 767px), sia la causa:

Il problema può essere risolto modificando la proprietà in contents per quel intervallo di larghezza:

@media (min-width: 640px) and (max-width: 767.98px) {
  .d-header>.wrap .contents {
    display: contents!important;
  }
}

Penso che Discourse utilizzi 768px come limite tra tablet e desktop.

1 Mi Piace