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

As duas opções que você vê [todas as categorias] [todas as tags], ao lado de Latest, abaixo do cabeçalho, estão visíveis na visualização do PC

Mas não estão visíveis na visualização móvel

É possível trazê-las ajustando algumas configurações, mas eu quero que elas fiquem visíveis por padrão na visualização móvel na página inicial. Por favor, me guie sobre como habilitá-las na 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:

4 curtidas

Você pode dar uma olhada nisso:

2 curtidas

Eu, na verdade, não sei como usar CSS, aliás, não tenho nenhuma relação com a área de ciência da computação.

Se houver uma opção que eu possa ligar ou desligar, eu consigo fazer isso.

Receio que não haja um interruptor de interface do usuário para isso no momento. Você precisaria criar um pequeno componente de tema e adicionar algum código extra a ele para obter esse comportamento personalizado.

1 curtida

Você pode me ensinar?

2 curtidas