Personalização de elementos no smartphone Hitskin_logo Hitskin.com

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

Personalização de elementos no smartphone

3 participantes

Ir para baixo

Tópico 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
*

Membro desde : 01/02/2016
Mensagens : 37
Pontos : 74

http://www.rpghogwartsschool.com/forum

Ir para o topo Ir para baixo

Tópico 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!
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

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

Membro desde : 01/02/2016
Mensagens : 37
Pontos : 74

http://www.rpghogwartsschool.com/forum

Ir para o topo Ir para baixo

Tópico 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!
Roevs
Roevs
Membro Entusiasta

Membro desde : 10/02/2012
Mensagens : 6484
Pontos : 8343

https://www.sololevelingrpg.com/

Ir para o topo Ir para baixo

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

Mensagem por tikky 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.
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