# El encabezado se desordena en vistas de tamaño medio en el tema Horizon

**URL:** https://meta.discourse.org/t/header-messes-up-on-mid-size-viewports-on-the-horizon-theme/403484
**Category:** Support
**Tags:** horizon-theme
**Created:** [21 Mayo, 2026 00:38 UTC](https://meta.discourse.org/t/header-messes-up-on-mid-size-viewports-on-the-horizon-theme/403484 "2026-05-21T00:38:12Z")
**Posts on this page:** 1
**Showing post:** 2

<div class="post-metadata">

### Author: ![Lilly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lilly/32/575047_2.png) [@Lilly](https://meta.discourse.org/u/Lilly)
#### Post date: [21 Mayo, 2026 02:25 UTC](https://meta.discourse.org/t/header-messes-up-on-mid-size-viewports-on-the-horizon-theme/403484/2 "2026-05-21T02:25:48Z")

</div>

Yo también puedo reproducirlo: el problema parece ser la clase `contents` dentro del encabezado que muestra `flex` en el tamaño de vista de teléfono plegable/tablet pequeña `@media (min-width: 640px) and (max-width: 767px)`:

 ![Screenshot 2026-05-20 at 7.23.06 PM](https://global.discourse-cdn.com/meta/original/4X/c/1/4/c14aece9dc75e039be58bfe1a8d2f4fdef1f162e.png)

Se puede solucionar cambiando la propiedad a `contents` para ese rango de ancho:

 ![Screenshot 2026-05-20 at 7.24.02 PM](https://global.discourse-cdn.com/meta/original/4X/0/4/7/047ed8db3d713979ed0403a102237678048600a1.png)

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

```

Creo que Discourse usa `768px` como límite entre tableta y escritorio.

---

_[View the full topic](https://meta.discourse.org/t/header-messes-up-on-mid-size-viewports-on-the-horizon-theme/403484)._