Guía de página de inicio móvil

Las dos opciones que ves [todas las categorías] [todas las etiquetas], junto a Últimas, debajo del encabezado, son visibles en la vista de PC

Pero no son visibles en la vista móvil

Se pueden obtener modificando un poco, pero quiero que sean visibles por defecto en la vista móvil de la página de inicio, ¿podrían guiarme sobre cómo habilitarlas en la vista móvil?

Hola :wave:

Parece que estas entradas solo están ocultas con una clase .hidden en dispositivos móviles.

Puedes revelarlas, pero como no están diseñadas para la vista móvil, necesitan algunas reglas CSS adicionales para que no se vean demasiado raras.

Puedes empezar con esto:

.category-breadcrumb {
    display: flex !important;
    gap: 0;
    .plugin-outlet-component {
        flex: 0;
    }
}

Pruébalo en la pestaña Móvil de tu tema o componente.

Se verá así:

No lo he probado mucho y podría interferir con plugins o componentes que usen los outlets disponibles antes y después de estos selectores.

Por lo tanto, es probablemente más una base de trabajo que algo completamente funcional… ¡Puedes probar y ver qué tal! :slight_smile:

Editar:

Me han dicho que estas entradas son visibles por defecto en la página de una categoría.

Así que mi código CSS en su estado actual estropeará un poco el diseño de estos campos en la página de la categoría y necesitará más ajustes. :slight_smile:

4 Me gusta

Puedes echarle un vistazo a esto:

2 Me gusta

La verdad es que no sé cómo usar CSS, de hecho, no tengo ninguna relación con el campo de la informática.

Si hay una opción que pueda activar o desactivar, puedo hacerlo.

Me temo que actualmente no hay un interruptor de interfaz de usuario para esto. Necesitaría crear un pequeño componente temático y algo de código adicional para obtener este comportamiento a medida.

1 me gusta

¿Puedes enseñarme?

2 Me gusta