Personalização de elementos no smartphone

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?

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!

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

Olá,

Tente substituir o CSS por esse

Código:

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

Até mais!