Detalhes da questão

Endereço do fórum: http://tugacs.com
Versão do fórum: ModernBB

Descrição

Olá, viva forumeiros.

O meu fórum já estava há uns meses com o mesmo tema/skin e decidi dar uma renovada. Ao procurar temas encontrei a nova versão ModernBB (Beta) e decidi experimentar, e não é que adorei!! Muito boa essa versão.

Mas surgiram dois problemas para os quais preciso da vossa ajuda:

1. O mais crítico é esse: no destkop a coluna dos widgets (só tenho do lado direito) aparece normal. No smartphone simplesmente não aparece (versão clássica). Se eu puser do lado esquerdo, dá bem em desktop e smartphone, mas não fica tão bem... Só pretendo que apareça também no smartphone e em qualquer browser, na versão clássica.

2. Eu meti uma separação de 10px entre a coluna dos widgets e o conteúdo do fórum. Porém, esses 10px também me aparecem do lado esquerdo, desalinhando meu fórum, como podem ver na imagem:



Dá para resolver por códigos/CSS ou são bugs dessa versão ModernBB que ainda serão resolvidos?

Um abraço aí galera!

Olá @dxmar74,

Para o problema com o espaçamento, este CSS irá resolver:

Código:

#page-body #content-container #container {
    margin-left: 0px;
}

Até mais.

Olá, obrigado!! Resolveu o problema do espaçamento.

Agora só preciso de ajudo para a questão de não aparecer a coluna dos widgets em smartphone, alguém sabe do que possa ser?

Eu também não sei ao certo te dizer por que isto ocorre sendo que ele apenas oculta. Como o modernbb é BETA e isso aparentemente já foi reportado por outros usuários, logo poderá ver uma correção para tal.
Vai em:
Painel de Controle Visualização Imagens e Cores Cores

E adicione no final da folha de estilo CSS o seguinte código:

Código:

#content-container #right , #content-container #left{
    display: initial!important;
}

É uma forma de visualizar via mobile.
Até.

Olá, obrigado pela ajuda.

Realmente agora aparece, mas em baixo do conteúdo principal!!

Eu também percebi que no browser (desktop) se eu fizer zoom a 150% na página do meu fórum, a coluna dos widgets também some...

Ou seja, ela está lá, mas com o zoom some de vez, acho que não tem jeito...

Haverá outra forma de resolver isto?

Remova o código anterior e vai em:
Painel de Controle Visualização Imagens e Cores Cores

E em opções do CSS configure desta forma

Forçar o CSS base do seu fórum: Não
Desativar o CSS de base: Não
Melhorar seu CSS: Não

Aperte em salvar.

E no mesmo lugar adicione o seguinte código CSS e valide.

Código:

@media (max-width: 1200px) {
   #content-container #right {
        display: initial;
  }
        #content-container #container {
            margin-right:183px;
    }
 }


PS: lembrando que configurei para coluna direita a esquerda provável que oculte.
Até.

Obrigado pela ajuda.

Acho que assim já estamos mais perto, mas ainda não atingimos o pretendido. Deixo a imagem de como fica (print do smartphone):



Já experimentei alterar os valores de px mas o máximo é mesmo isso...

Troque por este código novamente:
Painel de Controle Visualização Imagens e Cores Cores

Código:

@media (max-width: 1200px) {
   #content-container #right {
        display: initial;
        width: 235px;
  }
        #content-container #container {
            margin-right:250px;
    }
 }


Até mais.

E não é que resultou mesmo?? Ao meter aquela width aquilo encaixou tudo perfeitamente:



Muito obrigado pela ajuda a todos, valeu mesmo, fórum está perfeito agora, ModernBB a bombar certinho aqui

Podem fechar!