Personalização de elementos no smartphone

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

Atendido / Resolvido Personalização de elementos no smartphone

Mensagem por Nág Silva 13.11.20 4: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 4

Feminino
Inscrito dia : 01/02/2016
Mensagens : 32
Pontos Ativos : 66

http://www.rpghogwartsschool.com/forum
  • 0

Atendido / Resolvido Re: Personalização de elementos no smartphone

Mensagem por Roevs 13.11.20 13: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!


Personalização de elementos no smartphone WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Roevs

Roevs
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6468
Pontos Ativos : 8293

https://www.sololevelingrpg.com/

Atendido / Resolvido Re: Personalização de elementos no smartphone

Mensagem por Nág Silva 13.11.20 18: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 4

Feminino
Inscrito dia : 01/02/2016
Mensagens : 32
Pontos Ativos : 66

http://www.rpghogwartsschool.com/forum

Atendido / Resolvido Re: Personalização de elementos no smartphone

Mensagem por Roevs 13.11.20 19:58

Olá,

Tente substituir o CSS por esse

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

Até mais!


Personalização de elementos no smartphone WpZJdpr
Bem-vindo(a) ao Fórum dos Fóruns Convidado!
Leia as Regras do Fórum dos Fóruns (FDF) e o Regulamento do setor de Suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a clicando no botão resolvido para organizar o fórum.
Roevs

Roevs
Ajudeiro
Ajudeiro

Masculino
Inscrito dia : 10/02/2012
Mensagens : 6468
Pontos Ativos : 8293

https://www.sololevelingrpg.com/

Atendido / Resolvido Re: Personalização de elementos no smartphone

Mensagem por pedxz 22.11.20 12:36

Tópico resolvido


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


Boas-vindas ao Fórum dos Fóruns!
Leia as regras do Fórum dos Fóruns e as regras do setor de suporte.
Antes de criar um tópico, verifique se sua questão já não foi respondida.
Se sua questão foi resolvida, marque-a editando a sua primeira postagem.
Pedxz - Moderadeiro
pedxz

pedxz
Moderadeiro
Moderadeiro

Inscrito dia : 13/01/2017
Mensagens : 5831
Pontos Ativos : 6937

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo


Permissão deste fórum:
Você não pode responder aos tópicos neste fórum