Coluna da direita deve ser exibida no centro

[kcirtapsi 3]

Olá,

 

Trabalho com um template joomla 2.5 e neste já possui um modo responsivo.

O layout básico possui uma áre a de centro, onde existe 1 slideshow e abaixo deste 3 módulos lado a lado e uma coluna da direita onde existe outro módulo.

 

Ao alterar a resolução para a de um celular, que fica bem estreita, todos os módulos ficam um abaixo do outro, inclusive a coluna da direita, o problema é que a coluna da direita é a última a ser exibida na página responsiva.

 

Como posso fazer com que a coluna da direita seja a primeira a ser exibida ou abaixo do slideshow?

 

Sou grato desde já.

[_leandromateus 0]

Tente o seguinte.

Estruture o HTML como abaixo

<div class="centro">
<div class="slide"></div>
<div class="direita"></div>
<div class="main">
<div class="modulo"></div>
<div class="modulo"></div>
<div class="modulo"></div>
</div>
</div>

Adicione o CSS como abaixo para sua classe da coluna direita

.direita { float:right;}

Espero que isso ajude, se tiver dificuldades em entender só postar aqui.