Header messes up on mid-size viewports on the Horizon Theme

i can repro this too - the problem appears to be the contents class inside the header displaying grid at the folding phone/small tablet viewport size @media (min-width 640px) (max-width: 767px):

it can be patched up by changing the property to contents for that range of width:

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

i think discourse uses 768px for the tablet/desktop boundary


edit: disabling this setting seems to fix it for me (i forgot this was still there):

1 Like