Ajuste de largura em versão mobile

Detalhes da questão

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

Descrição

Bom dia!

Gostaria de fazer uma modificação na versão mobile do meu fórum. Eu só queria deixar a estrutura das páginas do fórum um pouco mais larga na visualização mobile, visto que na versão pra web eu coloquei um ajuste de largura das páginas para 52%, que obviamente não fica legal na versão mobile.

Atualmente está assim a versão mobile:



Eu não fiz nenhum ajuste nas templates da versão mobile, apenas forcei a visualização web quando acessado por mobile. Agradeço quem puder me ajudar com isso!

Olá @OkamiDF!

Você gostaria de aumentar todo o conteúdo da página que encontra-se no container (quadrado branco), ou aumente juntamente com a parte do banner do seu fórum?

(Aguardo resposta).
Atenciosamente,
do seu amigo da comunidade, Musashi!

Musashi escreveu:Olá @OkamiDF!

Você gostaria de aumentar todo o conteúdo da página que encontra-se no container (quadrado branco), ou aumente juntamente com a parte do banner do seu fórum?

(Aguardo resposta).
Atenciosamente,
do seu amigo da comunidade, Musashi!

Oi @Musashi, obrigado pela resposta!

No caso eu queria que aumentasse tudo, junto com o banner também.

Certo, @OkamiDF, adicione esse seguinte código em sua folha de estio (CSS):

Código:

@media (max-width: 800px) {
.modern-resp #wrap, .modern-resp .panel {
    width: 87%;
  }
#page-header .headerbar {
    height: auto;
    width: 100vw;
    right: 15rem;
    position: relative;
    }
}


Caso não tenha funcionado, informe por meio desse tópico para tentarmos uma outra solução!

(Aguardo resposta).
Atenciosamente,
do seu amigo da comunidade, Musashi!

Musashi escreveu:Certo, @OkamiDF, adicione esse seguinte código em sua folha de estio (CSS):

Código:

@media (max-width: 800px) {
.modern-resp #wrap, .modern-resp .panel {
    width: 87%;
  }
#page-header .headerbar {
    height: auto;
    width: 100vw;
    right: 15rem;
    position: relative;
    }
}


Caso não tenha funcionado, informe por meio desse tópico para tentarmos uma outra solução!

(Aguardo resposta).
Atenciosamente,
do seu amigo da comunidade, Musashi!

Perfeito @Musashi, deu certo!

Muito obrigado!