Como posso definir o estilo da página de categoria mobile?

Configurei meu fórum Discourse com o estilo de página de categoria de desktop “caixas com tópicos em destaque”. Isso funciona muito bem no desktop e fiz modificações via CSS a ponto de ter o que quero para minha visualização de desktop.

No entanto, quando mudo para a visualização móvel, perco o visual de “caixas com tópicos em destaque” e obtenho algo mais parecido com o estilo de página “Somente Categorias”. Existe uma maneira simples de configurar a visualização móvel também para “caixas com tópicos em destaque”?

A página de categorias mobile realmente tem apenas um estilo neste momento. Provavelmente está mais alinhada com a opção “caixas com tópicos em destaque” do desktop, mas inclui algumas estatísticas extras. Veja como elas ficam sem personalização no desktop e no mobile:

Você pode detalhar quais aspectos estão se mostrando desafiadores para estilizar de forma semelhante às suas personalizações do desktop? Talvez eu possa te dar algumas dicas.

1 curtida

Estou passando por algo semelhante. Nosso site quer ter um front mais simples, com menos links onde listamos as principais categorias para que as pessoas escolham suas áreas para entrar, incluindo a descrição da categoria:

Mas no celular, não consigo ter apenas categorias, eu tenho Categorias com tópicos em destaque (e sem descrição)

Então, estou imaginando, a partir do que está acima, que esta é a única opção no celular?

Pode haver funcionalidade suficiente para obter o que você precisa com este pequeno componente Mobile Category List Adjustments. Veja o que você acha.

1 curtida

Uau, obrigado, isso está muito próximo.

O que eu preciso é da descrição da categoria, agora é apenas um ícone e um título. Mas acho que por enquanto posso me contentar em mostrar os três principais tópicos. Eu não tinha ideia de que o tema mobile era limitado aqui.

1 curtida

Olá! :slight_smile:
Desculpe, eu sei como lidar com CSS, mas me escapa como lidar com isso no celular. Quero fechar a lacuna entre as categorias, para que o layout fique exatamente como no desktop (e para comprimir um pouco mais a interface). Você pode me indicar qual elemento devo chamar com CSS? Ou pelo menos como obtê-lo?

Acho que isso pode ajudar, eu estava querendo fazer a mesma coisa Enhanced category-box display component - #11 by Fma965

2 curtidas