Desordem na versão móvel

Detalhes da questão

Endereço do fórum: https://pmhh.forumeiros.com/
Versão do fórum: AwesomeBB

Descrição

Olá.

Há um problema na versão mível do fórum que acarreta em uma deformação nas categorias e fóruns pelo celular, conforme as imagens abaixo mostram. A área inicial com o banner e botões de mensagem privada, perfil estão normais.

https://imgur.com/a/tAvaoQT

Apenas é possível visualizar as categorias e fóruns normalmente alterando a página do navegador para "Versão para computador".

https://imgur.com/a/7Ye27sI

Gostaria de saber de que forma organizo corretamente o fórum a fim de haver uma ordem tanto em computadores como em aparelhos móveis.

Olá @Ph1liphe,

Adicione na sua folha de estilo o seguinte código:

Código:

@media (max-width: 750px) {
   .forum-statistics,
   .forum-statistics-header,
   .posts-statistics,
   .posts-statistics-header,
   .forum-description,
   .posts-description,
   .category-title {
      width: 100% !important;
   }
   .forum-content,
   .posts-content {
      margin: 0 !important;
   }
   .forum-statistics,
   .forum-statistics-header,
   .posts-statistics,
   .posts-statistics-header {
      float: none !important;
      padding: 0;
      position: relative;
   }
   .forum-lastpost,
   .posts-lastpost {
      float: none !important;
      width: 100% !important;
      margin: 0 !important;
   }
}

Atenciosamente,
pedxz.

Olá pedxz!

Melhorou, porém, os títulos dos tópicos não aparecem: https://i.imgur.com/5dFV35v.jpeg

Altere para:

Código:

        @media (max-width: 750px) {
          .forum-statistics,
          .forum-statistics-header,
          .posts-statistics,
          .posts-statistics-header,
          .forum-description,
          .posts-description,
          .category-title {
              width: 100% !important;
          }
          .forum-content,
          .posts-content {
              margin: 0 !important;
          }
          .forum-statistics,
          .forum-statistics-header,
          .posts-statistics,
          .posts-statistics-header {
              float: none !important;
              padding: 0;
              position: relative;
          }
          .forum-lastpost,
          .posts-lastpost {
              float: none !important;
              width: 100% !important;
              margin: 0 !important;
          }
          .forum-description > h3 {
              padding-right: 0 !important;
          }
        }

Funcionou corretamente, pode encerrar!
Gratificado!

Feliz Natal e Próspero Ano de 2021!

Tópico resolvido Movido para "Questões resolvidas".