Ajuste de largura em versão mobile

2 participantes

Ir para baixo

Tópico resolvido Ajuste de largura em versão mobile

Mensagem por Convidado 31.10.23 13:24

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:

Ajuste de largura em versão mobile 4f027510

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!
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuste de largura em versão mobile

Mensagem por Musashi 31.10.23 15:18

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! Muito feliz
Musashi
Musashi
Membro

Membro desde : 17/02/2021
Mensagens : 588
Pontos : 762

https://luciothemes.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuste de largura em versão mobile

Mensagem por Convidado 31.10.23 15:46

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! Muito feliz

Oi @Musashi, obrigado pela resposta!

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


Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuste de largura em versão mobile

Mensagem por Musashi 31.10.23 16:09

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! Muito feliz
Musashi
Musashi
Membro

Membro desde : 17/02/2021
Mensagens : 588
Pontos : 762

https://luciothemes.forumeiros.com/

Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuste de largura em versão mobile

Mensagem por Convidado 31.10.23 18:05

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! Muito feliz

Perfeito @Musashi, deu certo!

Muito obrigado!
Anonymous
Convidado
Convidado


Ir para o topo Ir para baixo

Tópico resolvido Re: Ajuste de largura em versão mobile

Mensagem por tikky 31.10.23 18:32

Tópico resolvido


Movido para "Questões resolvidas".
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