Desordem na versão móvel Hitskin_logo Hitskin.com

Isto é uma pré-visualização de um tema em Hitskin.com
Instalar o temaVoltar para a ficha do tema

Desordem na versão móvel

2 participantes

Ir para baixo

Tópico resolvido Desordem na versão móvel

Mensagem por Ph1liphe 20.12.20 18:18

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.
Ph1liphe
Ph1liphe
**

Membro desde : 07/12/2020
Mensagens : 59
Pontos : 97

https://testesf.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Desordem na versão móvel

Mensagem por tikky 21.12.20 14:27

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.
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

Ir para o topo Ir para baixo

Tópico resolvido Re: Desordem na versão móvel

Mensagem por Ph1liphe 21.12.20 14:52

Olá pedxz!

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

Membro desde : 07/12/2020
Mensagens : 59
Pontos : 97

https://testesf.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Desordem na versão móvel

Mensagem por tikky 21.12.20 14:56

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;
          }
        }
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

Ir para o topo Ir para baixo

Tópico resolvido Re: Desordem na versão móvel

Mensagem por Ph1liphe 21.12.20 16:08

Funcionou corretamente, pode encerrar!
Gratificado!
Ph1liphe
Ph1liphe
**

Membro desde : 07/12/2020
Mensagens : 59
Pontos : 97

https://testesf.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Desordem na versão móvel

Mensagem por tikky 21.12.20 16:14

Feliz Natal e Próspero Ano de 2021!

Tópico resolvido


Movido para "Questões resolvidas".
tikky
tikky
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7964
Pontos : 9219

Ir para o topo Ir para baixo

Ir para o topo

- Tópicos semelhantes

 
Permissões neste sub-fórum
Não podes responder a tópicos