Personalização de elementos no smartphone

3 participantes

Ver o tópico anterior Ver o tópico seguinte Ir para baixo

Tópico resolvido Personalização de elementos no smartphone

Mensagem por Nág Silva Sex 13 Nov - 1:44

Detalhes da questão


Endereço do fórum: https://worldofharrypotter.forumeiros.com/
Versão do fórum: ModernBB

Descrição


Eu estou há algum tempo tentando ajustar a skin do meu site para que ele fique responsível e funcione adequadamente em diversas telas. O problema é que a tag @media não esta funcionando de maneira nenhuma e isso ta me deixando intrigada. Tentei por na folha css do proprio site, ja criei uma folha css externa e indexei no Overall_header do fórum e mesmo assim não funciona. Quando eu diminuo a tela do meu navegador e deixo ela do tamanho que especifico no @media ele até funciona, mas não funciona no telefone nem tablet.... o que faço?
avatar

Nág Silva
Nível 5

Feminino
Membro desde : 31/01/2016
Mensagens : 37
Pontos ativos : 74

http://www.rpghogwartsschool.com/forum

Ir para o topo Ir para baixo

Principal contribuidor
  • 0

Tópico resolvido Re: Personalização de elementos no smartphone

Mensagem por Roevs Sex 13 Nov - 10:10

Olá,

Siga o tutorial abaixo e veja se resolve, caso não obtenha resultado, poderia me passar o código @media que está tentando adicionar.

https://ajuda.forumeiros.com/t93869-

Título alterado para "Personalização da versão mobile não funciona."

Até mais!
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/02/2012
Mensagens : 6475
Pontos ativos : 8311

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Personalização de elementos no smartphone

Mensagem por Nág Silva Sex 13 Nov - 15:42

Eu não tenho acesso ao topico repassado. O código que estou utilizando, diretamente no CSS é:

Código:
@media screen and (max-width: 768px) {
.headerbar {
   width: fit-content;
  }
}
avatar

Nág Silva
Nível 5

Feminino
Membro desde : 31/01/2016
Mensagens : 37
Pontos ativos : 74

http://www.rpghogwartsschool.com/forum

Ir para o topo Ir para baixo

Principal contribuidor

Tópico resolvido Re: Personalização de elementos no smartphone

Mensagem por Roevs Sex 13 Nov - 16:58

Olá,

Tente substituir o CSS por esse

Código:
@media only screen and (max-width: 768px) {
.headerbar {
  width: fit-content;
  }
}

Até mais!
Roevs

Roevs
Principal contribuidor
Principal contribuidor

Masculino
Membro desde : 10/02/2012
Mensagens : 6475
Pontos ativos : 8311

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

Admineiro

Tópico resolvido Re: Personalização de elementos no smartphone

Mensagem por pedxz Dom 22 Nov - 9:36

Tópico resolvido


Tópico arquivado por inatividade por parte do autor, marcado como resolvido por ter solução apropriada à questão.
pedxz

pedxz
Admineiro
Admineiro

Membro desde : 13/01/2017
Mensagens : 7063
Pontos ativos : 8291

Ir para o topo Ir para baixo

Ver o tópico anterior Ver o tópico seguinte Ir para o topo

- Tópicos semelhantes

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