Header-Problem bei mittleren Viewports im Horizon-Theme

Ich kann das ebenfalls reproduzieren – das Problem scheint darin zu liegen, dass die Klasse contents innerhalb des Headers im Viewport für faltbare Smartphones/kleine Tablets flex anzeigt: @media (min-width: 640px) and (max-width: 767px):

Es lässt sich beheben, indem die Eigenschaft für diesen Breitenbereich auf contents geändert wird:

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

Ich glaube, Discourse verwendet 768px als Grenze zwischen Tablet und Desktop.

1 „Gefällt mir“