Guia da página inicial em visualização móvel

Olá :wave:

Aparentemente, essas entradas estão ocultas apenas com uma classe .hidden no celular.
Você pode revelá-las, mas como elas não são estilizadas para a visualização mobile, é preciso um pouco mais de regras CSS para que não fiquem muito estranhas.

Você pode começar com isto:

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

Coloque isso na aba Mobile do seu tema ou componente.

Ficará assim:

Eu não testei muito, e pode interferir com plugins ou componentes que usam os “outlets” disponíveis antes e depois desses seletores.

Portanto, é provavelmente mais uma base de trabalho do que algo totalmente funcional… Você pode tentar e ver como fica :slight_smile:

Editar:
Fui informado que essas entradas são visíveis por padrão em uma página de categoria.
Portanto, meu código CSS em seu estado atual vai bagunçar um pouco o layout desses campos na página de categoria e precisará de mais ajustes. :slight_smile: