Error del tema Horizon: el contenedor del encabezado de categoría se queda fijo en las listas de temas

Hola chicos

Cuando agrego una imagen, un icono o un emoji a una categoría, el category-heading de la categoría se fija al desplazarse hacia abajo y ocupa mucho espacio.

CleanShot 2025-10-31 at 14.03.16

El componente temático del encabezado de la categoría también se ve afectado, como pueden ver en mi publicación a continuación como referencia.

3 Me gusta

Sí, estoy de acuerdo en que es un efecto secundario molesto.

Lamentablemente, no tengo una solución para ello. El encabezado de la categoría está en el mismo elemento fijo que la navegación, y no puedo mover la propiedad fija un nivel más abajo, porque fijo no funciona dentro de un elemento flexionado…

Te aconsejo ocultar o minimizar el logo con CSS en el móvil.

1 me gusta

También me molesta la navegación fija (sticky navigation). Simplemente ocupa demasiado espacio.

¿Cómo puedo desactivarla?

No hay una configuración para ello. Tendrás que anular el CSS.

El Tema Horizon tiene una característica interesante, donde la descripción de la Categoría permanece visible mientras se desplaza la Lista de Temas:

Si bien esto es genial en el escritorio, cuando el espacio es limitado (por ejemplo, en dispositivos móviles) esto hace que la lista de temas sea bastante difícil de leer (especialmente si el texto es bastante extenso)

2 Me gusta

Este es un efecto secundario no deseado de querer mantener la navegación visible en realidad. No estoy seguro de si se puede arreglar (¿ambos elementos pueden estar en el mismo contenedor o algo así? :thinking: ) y si tengo que elegir, me quedaré con mi intención original.

Si alguien se siente con ganas de echar un vistazo, es bienvenido.

1 me gusta

Lo resolví con CSS.

/* Desactivar los controles de lista fijos de Horizon en móviles */
@media (max-width: 767px) {
  .list-controls {
    position: static !important;
    top: auto !important;
    transform: none !important;
    margin-top: 0 !important;
  }
}
3 Me gusta

¿Eso no hace que tanto la descripción como la navegación se “desencajen” en móviles?

Realmente queremos que la descripción desaparezca, mientras que la navegación se quede fija.

2 Me gusta

La navegación también nos ocupaba demasiado espacio.

En este momento estamos considerando trabajar con pestañas desplazables.

Me gustaría que fueran fijas, pero aún no he logrado implementarlo.

1 me gusta

Correcto, por desgracia no hay una forma sencilla de hacer esto usando CSS sin reestructurar también el diseño.

El tema Horizon actualmente hace que todo el contenedor .list-controls sea fijo, lo que incluye la cabecera de la categoría. No podemos hacer que el hijo .navigation-container sea fijo por sí solo, porque los elementos fijos quedan atrapados dentro de su contexto de desplazamiento padre.

Podríamos reestructurar esta área, pero es uno de esos cambios que afectaría a todos los temas que usan estilos basados en la estructura existente… por lo que existe una buena probabilidad de regresión para otros temas y personalizaciones, incluso si no tienen una navegación fija como esta.

1 me gusta

Entonces, ¿cuál es el camino a seguir para esto?

Me pregunto si deberíamos simplemente ocultar la descripción de la categoría en móviles para Horizon. De todos modos, la información se está duplicando en un espacio muy limitado.

He logrado esto con un CSS sencillo en la pestaña Móvil de un TC:

.category-heading.--has-logo {
    display: none;
}

¿Quizás esto debería incluirse en Horizon?

Acabas de trazar el camino a seguir: usa CSS personalizado para ajustarlo a tus preferencias :+1:

1 me gusta

Sí, pero en este caso se trata de un problema más amplio con el tema, no solo de mi preferencia. Me cuesta imaginar a alguien que realmente le guste una descripción de categoría grande y fija en dispositivos móviles; no creo que esa fuera tu intención con el diseño.

1 me gusta

Realmente es impredecible lo que la gente quiere en su comunidad. Opto por dejarlo tal como está; si alguien lo desea, puede ocultarlo fácilmente, y ese camino es menos confuso que preguntarse «por qué no aparece el banner de mi categoría en el móvil».

¿Qué hay de los planes de alojamiento (es decir, el plan gratuito) donde los administradores no pueden agregar CSS personalizado?

Si algunas personas realmente lo desean (lo cual dudo), ¿podría haber quizás una configuración del tema que lo controle?

1 me gusta